@krizaka/tokens 3.7.0 → 3.8.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/BRAND.md CHANGED
@@ -12,15 +12,15 @@ overrides). A product never re-invents its values: it imports its brand.
12
12
  | **Krizaka** (parent) | **Ink + Krizaka blue.** The neutral surfaces and text of the platform carry the brand; one blue, the core of the Krizaka mark, is the only accent. | The parent frames its products without competing with them: ink is neutral next to orange and violet, and blue is the complement of the Orazaka orange. It is also the platform default (`tokens.css` = the Krizaka brand). |
13
13
  | **Orazaka** (sovereign AI) | **Orange**, hue 26 — the accent and the mark share it. | Hue 38 (amber) is `--kz-warning`: a primary button, and since 2.1.0 the mark, must never read as a warning. The light theme's accent is the deep orange `#b45309`, also the first stop of the mark. `info` stays blue (an orange "info" would read as a warning). |
14
14
  | **Orochia** (creators) | **Velvet violet → magenta**, the serpent of its mark (unchanged). | The values of `@krizaka/orochia-design-system`, already adjusted to AA. |
15
- | **Yazakia** (dating, talk first) | **Emerald → turquoise.** The accent is the turquoise (hue 174); the emerald (hue 152–156) is the mark's first stop and `accent-2`. | Green is the family's free colour and takes the opposite view of the red and pink of dating apps. `--kz-success` is emerald (hue 160): a primary button must never read as a success, so the accent sits 14° away on the turquoise (a test) and the emerald stays in the mark and the gradients. Dark: light turquoise under near-black text (11:1); light: deep turquoise under white (5.9:1). `info` stays blue. |
16
- | **Yororis** (a listening space) | **Sand → sage.** A warm neutral that slides into a soft grey green: calm. The accent is the sage (hue 98–100); the sand (hue 34–36) is the mark's first stop, the core's light and `accent-2`. | Apart from every other brand (Yazakia's emerald and turquoise, the blue, the orange, the violet) and from every status: the sage sits ≥ 60° from `--kz-success` (160) and `--kz-warning` (38). The sand shares the warning's hue family, so it is told apart by its chroma — at most half the warning's saturation (≤ 40 % vs 92 %, a test) — and it never fills a primary button alone. Dark: light sage under near-black text (8.6:1); light: deep sage under white (6.9:1). `info` stays blue. |
15
+ | **Yasakia** (dating, talk first) | **Emerald → turquoise.** The accent is the turquoise (hue 174); the emerald (hue 152–156) is the mark's first stop and `accent-2`. | Green is the family's free colour and takes the opposite view of the red and pink of dating apps. `--kz-success` is emerald (hue 160): a primary button must never read as a success, so the accent sits 14° away on the turquoise (a test) and the emerald stays in the mark and the gradients. Dark: light turquoise under near-black text (11:1); light: deep turquoise under white (5.9:1). `info` stays blue. |
16
+ | **Yororis** (a listening space) | **Sand → sage.** A warm neutral that slides into a soft grey green: calm. The accent is the sage (hue 98–100); the sand (hue 34–36) is the mark's first stop, the core's light and `accent-2`. | Apart from every other brand (Yasakia's emerald and turquoise, the blue, the orange, the violet) and from every status: the sage sits ≥ 60° from `--kz-success` (160) and `--kz-warning` (38). The sand shares the warning's hue family, so it is told apart by its chroma — at most half the warning's saturation (≤ 40 % vs 92 %, a test) — and it never fills a primary button alone. Dark: light sage under near-black text (8.6:1); light: deep sage under white (6.9:1). `info` stays blue. |
17
17
 
18
18
  ### Palette (the accent family)
19
19
 
20
20
  `on-accent` is the text and icon colour on the accent; `accent-text` is the accent **as text** (links, active labels),
21
21
  ≥ 4.5:1 on every surface; `accent-2` closes gradients.
22
22
 
23
- | Role | Krizaka dark | Krizaka light | Orazaka dark | Orazaka light | Orochia dark | Orochia light | Yazakia dark | Yazakia light |
23
+ | Role | Krizaka dark | Krizaka light | Orazaka dark | Orazaka light | Orochia dark | Orochia light | Yasakia dark | Yasakia light |
24
24
  | :-- | :-- | :-- | :-- | :-- | :-- | :-- | :-- | :-- |
25
25
  | `accent` | `hsl(217 92% 53%)` #196df5 | `hsl(217 92% 50%)` #0a64f5 | `hsl(26 92% 55%)` #f67e23 | `hsl(26 90.5% 37.1%)` #b45309 | #7c3aed | #7c3aed | `hsl(174 72% 50%)` #24dbc9 | `hsl(175 85% 24%)` #097169 |
26
26
  | `accent-hover` | `hsl(217 88% 45%)` | `hsl(217 88% 42%)` | `hsl(26 92% 62%)` (lightens) | `hsl(26 90% 31%)` | #6d28d9 | #6d28d9 | `hsl(174 72% 58%)` (lightens) | `hsl(175 85% 20%)` |
@@ -83,11 +83,11 @@ after in Storybook, *Brand/Evolution*):
83
83
  | Krizaka | An **ink** hexagonal shield, open at its upper-right vertex where a **blue node** breaks out, around a blue core. | Before: hairline strokes and five hard-coded blues that vanished below 48 px and did not crop. Now the weight, crop and grammar of Orochia; ink + one blue, the brand palette. |
84
84
  | Orazaka | Three **solid** hexagonal shards in the brand's orange gradient, orbiting a core. | Before: two grey outlines and one amber, 3.5-unit strokes — the mark read grey and thin next to Orochia. Same idea, now solid, with the family's crop. **2.1.0:** amber (`#b45309 → #f59e0b`, hues 26 → 38) becomes the brand's orange — deep orange `hsl(26 90.5% 37.1%)` #b45309 → orange `hsl(26 92% 45%)` #dc6509, one hue: the old light stop was the warning's hue and read at 2:1 on a light page; every stop now reads ≥ 3:1 on surfaces 0–2 in dark and light (a test). |
85
85
  | Orochia | The serpent coiled into an "O" around the flame. | Unchanged. |
86
- | Yazakia | **Two voices**: two **solid** speech bubbles, mirrored, that overlap — the left a shade deeper, each tail pointing down and out. Where they overlap, what the two share once they have talked, is the bright core: a lens lit from above that breathes, set apart by a thin gap. The pair, two nodes, rides the dashed orbit. | New (3rd product, 2026-10). Emerald `hsl(156 92% 32%)` #079d61 → turquoise `hsl(178 90% 32%)` #089b96, mid-tones chosen so that every stop reads ≥ 3:1 on surfaces 0–2 in dark and light (a test): one mark for both themes. **2.9:** the first mark (a "Y" of two thin arms ending in heads) read as a plain thin "Y" at 16–24 px, weak next to Orochia; the bubbles are a filled glyph of Orochia's weight, readable in a nav chip, and say the product — talk first, both ways — without a heart. |
86
+ | Yasakia | **Two voices**: two **solid** speech bubbles, mirrored, that overlap — the left a shade deeper, each tail pointing down and out. Where they overlap, what the two share once they have talked, is the bright core: a lens lit from above that breathes, set apart by a thin gap. The pair, two nodes, rides the dashed orbit. | New (3rd product, 2026-10). Emerald `hsl(156 92% 32%)` #079d61 → turquoise `hsl(178 90% 32%)` #089b96, mid-tones chosen so that every stop reads ≥ 3:1 on surfaces 0–2 in dark and light (a test): one mark for both themes. **2.9:** the first mark (a "Y" of two thin arms ending in heads) read as a plain thin "Y" at 16–24 px, weak next to Orochia; the bubbles are a filled glyph of Orochia's weight, readable in a nav chip, and say the product — talk first, both ways — without a heart. |
87
87
  | Yororis | **The hold**: two **filled** leaves — open hands — rise from one stem into a "Y" and cup a warm core that rests *inside* them (not on the junction): held, given room, listened to. A vein of light runs along each leaf (depth, like the serpent's scales); one node, the moment, rides the dashed orbit — it comes round, then it goes. The slowest breath of the family (4.2 s). | New (4th product, 2026-10). Chosen over a standing crane and a bowing crane (captures in the pull request): the only one that stays a clear "Y" with its core at 20 px. Sand `hsl(34 46% 44%)` #a4773d → sage `hsl(104 28% 42%)` #5d894d, every stop ≥ 3:1 on surfaces 0–2 in dark and light (a test); the core rises from the sand to a light sand #e6c993. |
88
88
 
89
- Web: `KrizakaLogo`, `OrazakaLogo`, `OrochiaLogo`, `YazakiaLogo`, `YororisLogo`, `ProductLogo id` (`@krizaka/ui`). Native: `KrizakaMark`,
90
- `OrazakaMark`, `OrochiaMark`, `YazakiaMark`, `YororisMark`, `ProductMark id` (`@krizaka/ui/native`). The geometry is shared
89
+ Web: `KrizakaLogo`, `OrazakaLogo`, `OrochiaLogo`, `YasakiaLogo`, `YororisLogo`, `ProductLogo id` (`@krizaka/ui`). Native: `KrizakaMark`,
90
+ `OrazakaMark`, `OrochiaMark`, `YasakiaMark`, `YororisMark`, `ProductMark id` (`@krizaka/ui/native`). The geometry is shared
91
91
  (`packages/ui/src/marks/*-geometry.ts`); the emblem gradients are **brand tokens** — `$extensions["com.krizaka"].mark` of
92
92
  each `src/brands/<id>.brand.json`, exported as `marks.<id>` (`@krizaka/tokens`, `/native`) — read by the geometry, never
93
93
  copied. A mark is the same in both themes: its stops are chosen to read on dark and light pages.
package/README.md CHANGED
@@ -28,8 +28,8 @@ npm install @krizaka/tokens
28
28
  | `@krizaka/tokens/tokens.css` | Web (imported once, usually through `@krizaka/tailwind`) | The `--kz-*` custom properties. |
29
29
  | `@krizaka/tokens` | TS / JS on the web (canvas, charts, e-mails, inline styles) | `tokens` (`var(--kz-…)` references, camelCase keys), `values.dark` / `values.light` (raw CSS, aliases resolved), `TokenName`. |
30
30
  | `@krizaka/tokens/native` | React Native / Expo | `themes.dark` / `themes.light` (hex, `rgba()` when translucent), `radius` (dp), `typography`, `motion.ease`, type `Theme`; `brands.<id>` (ThemeProvider overrides); `marks.<id>` (the mark's emblem gradient, `[offset, #rrggbb]` stops). |
31
- | `@krizaka/tokens/brands/<id>.css` | A product app (`krizaka`, `orazaka`, `orochia`, `yazakia`, `yororis`), after the tokens | The brand's accent family and section gradient, dark and light. |
32
- | `@krizaka/tokens/brands/scoped.css` | A page showing several brands | `.brand-krizaka`, `.brand-orazaka`, `.brand-orochia`, `.brand-yazakia`, `.brand-yororis`. |
31
+ | `@krizaka/tokens/brands/<id>.css` | A product app (`krizaka`, `orazaka`, `orochia`, `yasakia`, `yororis`), after the tokens | The brand's accent family and section gradient, dark and light. |
32
+ | `@krizaka/tokens/brands/scoped.css` | A page showing several brands | `.brand-krizaka`, `.brand-orazaka`, `.brand-orochia`, `.brand-yasakia`, `.brand-yororis`. |
33
33
 
34
34
  **Brands:** one colour per brand, its marks, icons and page language are in [`BRAND.md`](./BRAND.md).
35
35
 
@@ -130,7 +130,7 @@ html .theme-dark .brand-orochia, html .brand-orochia.theme-dark {
130
130
  --kz-brand-gradient-to: var(--kz-surface-0);
131
131
  }
132
132
 
133
- .brand-yazakia {
133
+ .brand-yasakia {
134
134
  --kz-accent: hsl(174 72% 50%);
135
135
  --kz-accent-hover: hsl(174 72% 58%);
136
136
  --kz-accent-soft: hsl(174 72% 50% / 0.12);
@@ -144,7 +144,7 @@ html .theme-dark .brand-orochia, html .brand-orochia.theme-dark {
144
144
  --kz-brand-gradient-via: hsl(180 35% 7%);
145
145
  --kz-brand-gradient-to: var(--kz-surface-0);
146
146
  }
147
- html.light .brand-yazakia, html .theme-light .brand-yazakia, html .brand-yazakia.theme-light {
147
+ html.light .brand-yasakia, html .theme-light .brand-yasakia, html .brand-yasakia.theme-light {
148
148
  --kz-accent: hsl(175 85% 24%);
149
149
  --kz-accent-hover: hsl(175 85% 20%);
150
150
  --kz-accent-soft: hsl(175 85% 24% / 0.08);
@@ -158,7 +158,7 @@ html.light .brand-yazakia, html .theme-light .brand-yazakia, html .brand-yazakia
158
158
  --kz-brand-gradient-via: hsl(176 70% 95%);
159
159
  --kz-brand-gradient-to: var(--kz-surface-0);
160
160
  }
161
- html .theme-dark .brand-yazakia, html .brand-yazakia.theme-dark {
161
+ html .theme-dark .brand-yasakia, html .brand-yasakia.theme-dark {
162
162
  --kz-accent: hsl(174 72% 50%);
163
163
  --kz-accent-hover: hsl(174 72% 58%);
164
164
  --kz-accent-soft: hsl(174 72% 50% / 0.12);
@@ -215,3 +215,47 @@ html .theme-dark .brand-yororis, html .brand-yororis.theme-dark {
215
215
  --kz-brand-gradient-via: hsl(98 14% 7%);
216
216
  --kz-brand-gradient-to: var(--kz-surface-0);
217
217
  }
218
+
219
+ /* DEPRECATED — `.brand-yazakia` is `.brand-yasakia` (Yazakia was renamed Yasakia); kept for one minor version. */
220
+ .brand-yazakia {
221
+ --kz-accent: hsl(174 72% 50%);
222
+ --kz-accent-hover: hsl(174 72% 58%);
223
+ --kz-accent-soft: hsl(174 72% 50% / 0.12);
224
+ --kz-accent-text: hsl(174 72% 56%);
225
+ --kz-accent-2: hsl(152 70% 45%);
226
+ --kz-on-accent: hsl(240 6% 5%);
227
+ --kz-ring: var(--kz-accent);
228
+ --kz-info: hsl(217 92% 60%);
229
+ --kz-info-text: hsl(217 92% 68%);
230
+ --kz-brand-gradient-from: hsl(166 55% 9%);
231
+ --kz-brand-gradient-via: hsl(180 35% 7%);
232
+ --kz-brand-gradient-to: var(--kz-surface-0);
233
+ }
234
+ html.light .brand-yazakia, html .theme-light .brand-yazakia, html .brand-yazakia.theme-light {
235
+ --kz-accent: hsl(175 85% 24%);
236
+ --kz-accent-hover: hsl(175 85% 20%);
237
+ --kz-accent-soft: hsl(175 85% 24% / 0.08);
238
+ --kz-accent-text: hsl(175 85% 23%);
239
+ --kz-accent-2: hsl(152 76% 26%);
240
+ --kz-on-accent: hsl(0 0% 100%);
241
+ --kz-ring: var(--kz-accent);
242
+ --kz-info: hsl(217 92% 50%);
243
+ --kz-info-text: hsl(217 92% 42%);
244
+ --kz-brand-gradient-from: hsl(160 70% 93%);
245
+ --kz-brand-gradient-via: hsl(176 70% 95%);
246
+ --kz-brand-gradient-to: var(--kz-surface-0);
247
+ }
248
+ html .theme-dark .brand-yazakia, html .brand-yazakia.theme-dark {
249
+ --kz-accent: hsl(174 72% 50%);
250
+ --kz-accent-hover: hsl(174 72% 58%);
251
+ --kz-accent-soft: hsl(174 72% 50% / 0.12);
252
+ --kz-accent-text: hsl(174 72% 56%);
253
+ --kz-accent-2: hsl(152 70% 45%);
254
+ --kz-on-accent: hsl(240 6% 5%);
255
+ --kz-ring: var(--kz-accent);
256
+ --kz-info: hsl(217 92% 60%);
257
+ --kz-info-text: hsl(217 92% 68%);
258
+ --kz-brand-gradient-from: hsl(166 55% 9%);
259
+ --kz-brand-gradient-via: hsl(180 35% 7%);
260
+ --kz-brand-gradient-to: var(--kz-surface-0);
261
+ }
@@ -0,0 +1,46 @@
1
+ /* @krizaka/tokens — GÉNÉRÉ depuis src/brands/yasakia.brand.json par scripts/build.mjs : ne pas éditer.
2
+ Yasakia — émeraude → turquoise, le vert libre de la famille, qui prend le contre-pied du rouge et du rose des applications de rencontre. L'accent (boutons, liens, anneau) est le turquoise, teinte 174 : à 14° de --kz-success (160, l'émeraude des statuts), pour qu'un bouton principal ne se lise jamais comme un succès. Dark : turquoise clair sous texte quasi noir ; light : turquoise profond sous texte blanc (5.9:1). accent-2 est l'émeraude (teinte 152), le second temps du dégradé des boutons et de la mascotte, jamais un statut. info reste bleu. Le logo (mark) est un dégradé émeraude (156) → turquoise (178) de teinte moyenne, identique dans les deux thèmes et ≥ 3:1 sur les surfaces 0–2 des deux thèmes.
3
+ Importé après tokens.css (ou @krizaka/tailwind) : l'identité yasakia sur toute l'app, dans les deux thèmes. */
4
+
5
+ :root, .theme-dark {
6
+ --kz-accent: hsl(174 72% 50%);
7
+ --kz-accent-hover: hsl(174 72% 58%);
8
+ --kz-accent-soft: hsl(174 72% 50% / 0.12);
9
+ --kz-accent-text: hsl(174 72% 56%);
10
+ --kz-accent-2: hsl(152 70% 45%);
11
+ --kz-on-accent: hsl(240 6% 5%);
12
+ --kz-ring: var(--kz-accent);
13
+ --kz-info: hsl(217 92% 60%);
14
+ --kz-info-text: hsl(217 92% 68%);
15
+ --kz-brand-gradient-from: hsl(166 55% 9%);
16
+ --kz-brand-gradient-via: hsl(180 35% 7%);
17
+ --kz-brand-gradient-to: var(--kz-surface-0);
18
+ }
19
+
20
+ html.light {
21
+ --kz-accent: hsl(175 85% 24%);
22
+ --kz-accent-hover: hsl(175 85% 20%);
23
+ --kz-accent-soft: hsl(175 85% 24% / 0.08);
24
+ --kz-accent-text: hsl(175 85% 23%);
25
+ --kz-accent-2: hsl(152 76% 26%);
26
+ --kz-on-accent: hsl(0 0% 100%);
27
+ --kz-info: hsl(217 92% 50%);
28
+ --kz-info-text: hsl(217 92% 42%);
29
+ --kz-brand-gradient-from: hsl(160 70% 93%);
30
+ --kz-brand-gradient-via: hsl(176 70% 95%);
31
+ }
32
+
33
+ .theme-light {
34
+ --kz-accent: hsl(175 85% 24%);
35
+ --kz-accent-hover: hsl(175 85% 20%);
36
+ --kz-accent-soft: hsl(175 85% 24% / 0.08);
37
+ --kz-accent-text: hsl(175 85% 23%);
38
+ --kz-accent-2: hsl(152 76% 26%);
39
+ --kz-on-accent: hsl(0 0% 100%);
40
+ --kz-ring: var(--kz-accent);
41
+ --kz-info: hsl(217 92% 50%);
42
+ --kz-info-text: hsl(217 92% 42%);
43
+ --kz-brand-gradient-from: hsl(160 70% 93%);
44
+ --kz-brand-gradient-via: hsl(176 70% 95%);
45
+ --kz-brand-gradient-to: var(--kz-surface-0);
46
+ }
@@ -1,6 +1,7 @@
1
- /* @krizaka/tokens — GÉNÉRÉ depuis src/brands/yazakia.brand.json par scripts/build.mjs : ne pas éditer.
2
- Yazakia — émeraude → turquoise, le vert libre de la famille, qui prend le contre-pied du rouge et du rose des applications de rencontre. L'accent (boutons, liens, anneau) est le turquoise, teinte 174 : à 14° de --kz-success (160, l'émeraude des statuts), pour qu'un bouton principal ne se lise jamais comme un succès. Dark : turquoise clair sous texte quasi noir ; light : turquoise profond sous texte blanc (5.9:1). accent-2 est l'émeraude (teinte 152), le second temps du dégradé des boutons et de la mascotte, jamais un statut. info reste bleu. Le logo (mark) est un dégradé émeraude (156) → turquoise (178) de teinte moyenne, identique dans les deux thèmes et ≥ 3:1 sur les surfaces 0–2 des deux thèmes.
3
- Importé après tokens.css (ou @krizaka/tailwind) : l'identité yazakia sur toute l'app, dans les deux thèmes. */
1
+ /* DEPRECATED — renamed Yasakia (import brands/yasakia.css); kept for one minor version.
2
+ @krizaka/tokens — GÉNÉRÉ depuis src/brands/yasakia.brand.json par scripts/build.mjs : ne pas éditer.
3
+ Yasakia — émeraude → turquoise, le vert libre de la famille, qui prend le contre-pied du rouge et du rose des applications de rencontre. L'accent (boutons, liens, anneau) est le turquoise, teinte 174 : à 14° de --kz-success (160, l'émeraude des statuts), pour qu'un bouton principal ne se lise jamais comme un succès. Dark : turquoise clair sous texte quasi noir ; light : turquoise profond sous texte blanc (5.9:1). accent-2 est l'émeraude (teinte 152), le second temps du dégradé des boutons et de la mascotte, jamais un statut. info reste bleu. Le logo (mark) est un dégradé émeraude (156) → turquoise (178) de teinte moyenne, identique dans les deux thèmes et ≥ 3:1 sur les surfaces 0–2 des deux thèmes.
4
+ Importé après tokens.css (ou @krizaka/tailwind) : l'identité yasakia sur toute l'app, dans les deux thèmes. */
4
5
 
5
6
  :root, .theme-dark {
6
7
  --kz-accent: hsl(174 72% 50%);
@@ -1,5 +1,5 @@
1
1
  /* @krizaka/tokens — GÉNÉRÉ depuis src/brands/yororis.brand.json par scripts/build.mjs : ne pas éditer.
2
- Yororis — sable → sauge, un neutre chaud qui glisse vers un vert gris doux : apaisant, distinct de l'émeraude de Yazakia, du bleu de Krizaka, de l'orange d'Orazaka et du violet d'Orochia. L'accent (boutons, liens, anneau) est la sauge, teinte 98 : à 60° de --kz-success (160) et de --kz-warning (38), pour qu'un bouton principal ne se lise jamais comme un statut. Dark : sauge claire sous texte quasi noir ; light : sauge profonde sous texte blanc. accent-2 est le sable (teinte 36), le second temps du dégradé des boutons et de la mascotte, jamais un statut : sa teinte est voisine de --kz-warning, il s'en sépare par la saturation (≤ 40 %, contre 92 % pour l'ambre des avertissements — un test). info reste bleu. Le logo (mark) est un dégradé sable (34) → sauge (104) de teinte moyenne, identique dans les deux thèmes et ≥ 3:1 sur les surfaces 0–2 des deux thèmes.
2
+ Yororis — sable → sauge, un neutre chaud qui glisse vers un vert gris doux : apaisant, distinct de l'émeraude de Yasakia, du bleu de Krizaka, de l'orange d'Orazaka et du violet d'Orochia. L'accent (boutons, liens, anneau) est la sauge, teinte 98 : à 60° de --kz-success (160) et de --kz-warning (38), pour qu'un bouton principal ne se lise jamais comme un statut. Dark : sauge claire sous texte quasi noir ; light : sauge profonde sous texte blanc. accent-2 est le sable (teinte 36), le second temps du dégradé des boutons et de la mascotte, jamais un statut : sa teinte est voisine de --kz-warning, il s'en sépare par la saturation (≤ 40 %, contre 92 % pour l'ambre des avertissements — un test). info reste bleu. Le logo (mark) est un dégradé sable (34) → sauge (104) de teinte moyenne, identique dans les deux thèmes et ≥ 3:1 sur les surfaces 0–2 des deux thèmes.
3
3
  Importé après tokens.css (ou @krizaka/tailwind) : l'identité yororis sur toute l'app, dans les deux thèmes. */
4
4
 
5
5
  :root, .theme-dark {
package/dist/index.d.ts CHANGED
@@ -159,7 +159,7 @@ export interface TypeStep {
159
159
  export declare const typeScale: readonly TypeStep[];
160
160
 
161
161
  /** A Krizaka brand. */
162
- export type BrandId = "krizaka" | "orazaka" | "orochia" | "yazakia" | "yororis";
162
+ export type BrandId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis";
163
163
  /** The roles a brand theme sets. */
164
164
  export type BrandRole = "accent" | "accentHover" | "accentSoft" | "accentText" | "accent2" | "onAccent" | "ring" | "info" | "infoText" | "brandGradientFrom" | "brandGradientVia" | "brandGradientTo";
165
165
  /** The brand themes: the accent family of each Krizaka brand, raw CSS per theme (aliases resolved). */
package/dist/index.js CHANGED
@@ -624,7 +624,7 @@ export const brands = /* @__PURE__ */ Object.freeze({
624
624
  "brandGradientTo": "hsl(0 0% 98%)"
625
625
  }
626
626
  },
627
- "yazakia": {
627
+ "yasakia": {
628
628
  "dark": {
629
629
  "accent": "hsl(174 72% 50%)",
630
630
  "accentHover": "hsl(174 72% 58%)",
@@ -721,7 +721,7 @@ export const marks = /* @__PURE__ */ Object.freeze({
721
721
  "hsl(328.6 85.5% 70.2%)"
722
722
  ]
723
723
  ],
724
- "yazakia": [
724
+ "yasakia": [
725
725
  [
726
726
  "0%",
727
727
  "hsl(156 92% 32%)"
package/dist/native.d.ts CHANGED
@@ -101,7 +101,7 @@ export declare const shadows: { readonly dark: Shadows; readonly light: Shadows
101
101
  export declare const cut: { readonly size: number };
102
102
 
103
103
  /** A Krizaka brand. */
104
- export type BrandId = "krizaka" | "orazaka" | "orochia" | "yazakia" | "yororis";
104
+ export type BrandId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis";
105
105
  /** The colour roles a brand theme sets, per theme. */
106
106
  export type BrandTheme = { readonly dark: { readonly [R in "accent" | "accentHover" | "accentSoft" | "accentText" | "accent2" | "onAccent" | "ring" | "info" | "infoText" | "brandGradientFrom" | "brandGradientVia" | "brandGradientTo"]: string }; readonly light: { readonly [R in "accent" | "accentHover" | "accentSoft" | "accentText" | "accent2" | "onAccent" | "ring" | "info" | "infoText" | "brandGradientFrom" | "brandGradientVia" | "brandGradientTo"]: string } };
107
107
  /** The brand themes as ThemeProvider overrides (`overrides={brands.orazaka}`): the accent family per theme. */
package/dist/native.js CHANGED
@@ -338,7 +338,7 @@ export const brands = /* @__PURE__ */ Object.freeze({
338
338
  "brandGradientTo": "#fafafa"
339
339
  }
340
340
  },
341
- "yazakia": {
341
+ "yasakia": {
342
342
  "dark": {
343
343
  "accent": "#24dbc9",
344
344
  "accentHover": "#47e1d2",
@@ -435,7 +435,7 @@ export const marks = /* @__PURE__ */ Object.freeze({
435
435
  "#f472b6"
436
436
  ]
437
437
  ],
438
- "yazakia": [
438
+ "yasakia": [
439
439
  [
440
440
  "0%",
441
441
  "#079d61"
package/dist/tokens.css CHANGED
@@ -22,7 +22,7 @@
22
22
  --kz-text-secondary: hsl(240 4% 64%); /* Texte d'appui, libellés */
23
23
  --kz-text-muted: hsl(240 4% 47%); /* Métadonnées, placeholders, désactivé (≥ 3:1) */
24
24
 
25
- /* Accent : l'identité de la marque (Krizaka par défaut ; Orazaka, Orochia, Yazakia, Yororis dans src/brands). Surchargé par un thème de marque, jamais par un composant. */
25
+ /* Accent : l'identité de la marque (Krizaka par défaut ; Orazaka, Orochia, Yasakia, Yororis dans src/brands). Surchargé par un thème de marque, jamais par un composant. */
26
26
  --kz-accent: hsl(217 92% 53%); /* Action principale, lien, sélection */
27
27
  --kz-accent-hover: hsl(217 88% 45%); /* Accent au survol */
28
28
  --kz-accent-soft: hsl(217 92% 53% / 0.10); /* Fond teinté (sélection, badge) */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@krizaka/tokens",
3
- "version": "3.7.0",
4
- "description": "The Krizaka semantic design tokens (--kz-*) and the brand themes (Krizaka, Orazaka, Orochia, Yazakia, Yororis): one DTCG source compiled to CSS (dark, light, media invariants), typed constants and React Native themes.",
3
+ "version": "3.8.0",
4
+ "description": "The Krizaka semantic design tokens (--kz-*) and the brand themes (Krizaka, Orazaka, Orochia, Yasakia, Yororis): one DTCG source compiled to CSS (dark, light, media invariants), typed constants and React Native themes.",
5
5
  "keywords": [
6
6
  "krizaka",
7
7
  "design-tokens",
@@ -36,6 +36,7 @@
36
36
  "./brands/krizaka.css": "./dist/brands/krizaka.css",
37
37
  "./brands/orazaka.css": "./dist/brands/orazaka.css",
38
38
  "./brands/orochia.css": "./dist/brands/orochia.css",
39
+ "./brands/yasakia.css": "./dist/brands/yasakia.css",
39
40
  "./brands/yazakia.css": "./dist/brands/yazakia.css",
40
41
  "./brands/yororis.css": "./dist/brands/yororis.css",
41
42
  "./brands/scoped.css": "./dist/brands/scoped.css",
@@ -89,7 +90,7 @@
89
90
  {
90
91
  "name": "./brands/scoped.css",
91
92
  "path": "dist/brands/scoped.css",
92
- "limit": "1 kB",
93
+ "limit": "1.3 kB",
93
94
  "gzip": true,
94
95
  "rolldown": false
95
96
  },
@@ -112,6 +113,6 @@
112
113
  "typecheck": "tsc --noEmit",
113
114
  "test": "vitest run",
114
115
  "size": "size-limit",
115
- "publint": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./tokens.css ./brands/krizaka.css ./brands/orazaka.css ./brands/orochia.css ./brands/yazakia.css ./brands/yororis.css ./brands/scoped.css"
116
+ "publint": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./tokens.css ./brands/krizaka.css ./brands/orazaka.css ./brands/orochia.css ./brands/yasakia.css ./brands/yazakia.css ./brands/yororis.css ./brands/scoped.css"
116
117
  }
117
118
  }