@ptlm-azulejo/themes 1.2.0-alpha.76 → 1.2.0
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/package.json +1 -1
- package/CHANGELOG.md +0 -56
package/package.json
CHANGED
package/CHANGELOG.md
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
# @ptlm-azulejo/themes
|
|
2
|
-
|
|
3
|
-
## 1.2.0
|
|
4
|
-
|
|
5
|
-
### Minor Changes
|
|
6
|
-
|
|
7
|
-
- eb0b0f8: Make components follow the brand typeface, add the medium (500) font weight, and
|
|
8
|
-
expose stable `data-testid` hooks.
|
|
9
|
-
|
|
10
|
-
- Each preset now names its brand's typeface in `--font-family`
|
|
11
|
-
(`presets/leroy-merlin.css` → LeroyMerlin, `presets/adeo.css` → Roboto), with
|
|
12
|
-
`Arial, sans-serif` as the fallback stack.
|
|
13
|
-
- Components apply that typeface on their root, so they follow the active brand
|
|
14
|
-
instead of inheriting the host page's font. Opt out per component by setting
|
|
15
|
-
`--font-family: inherit` on it.
|
|
16
|
-
- `base.css` adds `--font-weight-medium: 500`, alongside the existing regular
|
|
17
|
-
(400), semi-bold (600) and bold (700) weights.
|
|
18
|
-
- Every component now exposes `data-testid` on its root and on meaningful
|
|
19
|
-
sub-parts (`button` / `button-spinner`, `loader` / `loader-text`,
|
|
20
|
-
`datepicker` / `datepicker-clear`, `segmented-control` /
|
|
21
|
-
`segmented-control-segment`), so tests can target them without depending on
|
|
22
|
-
CSS class names.
|
|
23
|
-
|
|
24
|
-
As with upstream Mozaic, the presets **name** the typeface but ship no
|
|
25
|
-
`@font-face` and no font binaries — loading the files stays the app's job, so you
|
|
26
|
-
keep control of hosting, subsetting and preload. Until you load them the fallback
|
|
27
|
-
stack renders and nothing breaks. Install the font package matching your brand
|
|
28
|
-
alongside the preset:
|
|
29
|
-
|
|
30
|
-
```bash
|
|
31
|
-
# Leroy Merlin
|
|
32
|
-
yarn add @ptlm-azulejo/themes @ptlm-azulejo/fonts-leroy-merlin
|
|
33
|
-
# Adeo
|
|
34
|
-
yarn add @ptlm-azulejo/themes @ptlm-azulejo/fonts-adeo
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
See the Fonts section of `packages/themes/README.md` for the full recipe.
|
|
38
|
-
|
|
39
|
-
## 1.1.0
|
|
40
|
-
|
|
41
|
-
### Minor Changes
|
|
42
|
-
|
|
43
|
-
- 53000f7: Add Mozaic-aligned multi-brand theming support.
|
|
44
|
-
|
|
45
|
-
- New `@ptlm-azulejo/themes` package with structural/status tokens in `base.css`
|
|
46
|
-
and brand presets selected by a root class (`presets/leroy-merlin.css`,
|
|
47
|
-
`presets/adeo.css`), via `.preset-lm` / `.preset-adeo` and `data-theme` for
|
|
48
|
-
light/dark.
|
|
49
|
-
- `AzButton` now consumes theme tokens through utilities mapped in
|
|
50
|
-
`@theme inline`, working across both brands and in light/dark.
|
|
51
|
-
|
|
52
|
-
**BREAKING:** components no longer bake brand colors. The consumer must now
|
|
53
|
-
import `@ptlm-azulejo/themes/base.css` + a preset and apply the
|
|
54
|
-
`.preset-lm`/`.preset-adeo` class (and optional `data-theme="dark"`) on the root
|
|
55
|
-
element; otherwise components render uncolored. See the migration notes in
|
|
56
|
-
`packages/themes/README.md`.
|