@krizaka/tokens 3.21.0 → 3.23.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 +5 -5
- package/dist/index.js +3 -3
- package/dist/native.js +3 -3
- package/dist/tokens.css +5 -5
- package/package.json +1 -1
package/BRAND.md
CHANGED
|
@@ -98,11 +98,11 @@ after in Storybook, *Brand/Evolution*):
|
|
|
98
98
|
| 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. |
|
|
99
99
|
| 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). |
|
|
100
100
|
| Orochia | The serpent coiled into an "O" around the flame. | Unchanged. |
|
|
101
|
-
| Yasakia | **
|
|
102
|
-
| Yororis | **
|
|
103
|
-
| Yomizaka | **The
|
|
104
|
-
| Kachizaka | **The
|
|
105
|
-
| Akinaza | **The
|
|
101
|
+
| Yasakia | **One conversation**: one **solid** speech bubble with a tail on each side — the conversation belongs to both people, talk first — and the **spark** inside it, a diamond of light, that breathes. The tails are turned 180° about the centre: symmetric by rotation, never by mirror, so the mark can never read as a face. One node rides the orbit. | New (3rd product, 2026-10). Emerald `hsl(156 92% 32%)` #079d61 → turquoise `hsl(178 90% 32%)` #089b96, every stop ≥ 3:1 on surfaces 0–2 in dark and light (a test). **2026-10-17:** the two overlapping bubbles (2.9) read as a cat's face (two ears); replaced after a review of three directions per brand (`company/orchestration/refs/logos-2026-10-17`). |
|
|
102
|
+
| Yororis | **Held**: two open hands — two **sage** arcs of one circle at the family stroke — cup a warm **sand** core without closing on it: held, given room, free to go. 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). Sand `hsl(34 46% 44%)` #a4773d and sage `hsl(104 28% 42%)` #5d894d, each ≥ 3:1 on surfaces 0–2 in dark and light (a test). **2026-10-17:** the two leaves and a stem gave way to the hands alone, the two colours kept apart rather than blended. |
|
|
103
|
+
| Yomizaka | **The watch**: the owl — the bird that reads documents and knows faces — as two lenses at the family stroke under **one calm brow** (two soft curves, never a sharp V: attentive, not stern), its pupils glancing down the line it reads; the pupils are the lit cores and breathe. One node, a page, rides the orbit. | New (5th product, 2026-10). Ink `hsl(232 50% 55%)` #5362c6 → indigo `hsl(248 50% 58%)` #6d5ec9, every stop ≥ 3:1 on surfaces 0–2 in dark and light (a test). **2026-10-17:** the page and magnifier (clip-art) gave way to the owl. |
|
|
104
|
+
| Kachizaka | **The podium**: three **solid** steps, their outer corners wearing the Krizaka cut, the winner in **gold** and the others in **cobalt**, under a gold diamond — the family's lit node — that breathes: a friendly leaderboard where only points change hands. One node, the ball, rides the orbit. | New (2026-10). Cobalt `hsl(226 80% 56%)` and gold `hsl(44 92% 33%)`, each ≥ 3:1 on surfaces 0–2 in dark and light (a test), **kept apart** (blended, cobalt → gold turns grey). Mascot: **the magpie** — it keeps the score. **2026-10-17:** the trophy gave way to the podium. |
|
|
105
|
+
| Akinaza | **The cut log**: a **solid** forest-green log seen end-on, its year rings in light, cut at 45° by the beaver — the cut is the Krizaka chamfer, its fresh face in **copper** — and a copper heart that breathes: a shop built ring by ring. One node, a coin, rides the orbit. | New (2026-10). Forest `hsl(140 48% 34%)` and copper `hsl(22 60% 46%)`, each ≥ 3:1 on surfaces 0–2 in dark and light (a test), kept apart. Mascot: **the beaver**, the artisan. **2026-10-17:** the shop front (awning, windows, door) gave way to the cut log. |
|
|
106
106
|
|
|
107
107
|
Web: `KrizakaLogo`, `OrazakaLogo`, `OrochiaLogo`, `YasakiaLogo`, `YororisLogo`, `YomizakaLogo`, `KachizakaLogo`, `AkinazaLogo`, `ProductLogo id` (`@krizaka/ui`). Native: `KrizakaMark`,
|
|
108
108
|
`OrazakaMark`, `OrochiaMark`, `YasakiaMark`, `YororisMark`, `YomizakaMark`, `KachizakaMark`, `AkinazaMark`, `ProductMark id` (`@krizaka/ui/native`). The geometry is shared
|
package/dist/index.js
CHANGED
|
@@ -147,7 +147,7 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
|
|
|
147
147
|
"borderStrong": "hsl(0 0% 100% / 0.16)",
|
|
148
148
|
"textPrimary": "hsl(0 0% 96%)",
|
|
149
149
|
"textSecondary": "hsl(240 4% 64%)",
|
|
150
|
-
"textMuted": "hsl(240 4%
|
|
150
|
+
"textMuted": "hsl(240 4% 59%)",
|
|
151
151
|
"textOnMedia": "hsl(0 0% 100%)",
|
|
152
152
|
"accent": "hsl(217 92% 53%)",
|
|
153
153
|
"accentHover": "hsl(217 88% 45%)",
|
|
@@ -278,8 +278,8 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
|
|
|
278
278
|
"borderDefault": "hsl(240 6% 0% / 0.10)",
|
|
279
279
|
"borderStrong": "hsl(240 6% 0% / 0.16)",
|
|
280
280
|
"textPrimary": "hsl(240 6% 10%)",
|
|
281
|
-
"textSecondary": "hsl(240 4%
|
|
282
|
-
"textMuted": "hsl(240 4%
|
|
281
|
+
"textSecondary": "hsl(240 4% 35%)",
|
|
282
|
+
"textMuted": "hsl(240 4% 41%)",
|
|
283
283
|
"textOnMedia": "hsl(0 0% 100%)",
|
|
284
284
|
"accent": "hsl(217 92% 50%)",
|
|
285
285
|
"accentHover": "hsl(217 88% 42%)",
|
package/dist/native.js
CHANGED
|
@@ -12,7 +12,7 @@ export const themes = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
|
|
|
12
12
|
"borderStrong": "rgba(255,255,255,0.16)",
|
|
13
13
|
"textPrimary": "#f5f5f5",
|
|
14
14
|
"textSecondary": "#a0a0a7",
|
|
15
|
-
"textMuted": "#
|
|
15
|
+
"textMuted": "#92929b",
|
|
16
16
|
"textOnMedia": "#ffffff",
|
|
17
17
|
"accent": "#196df5",
|
|
18
18
|
"accentHover": "#0e5bd8",
|
|
@@ -55,8 +55,8 @@ export const themes = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
|
|
|
55
55
|
"borderDefault": "rgba(0,0,0,0.1)",
|
|
56
56
|
"borderStrong": "rgba(0,0,0,0.16)",
|
|
57
57
|
"textPrimary": "#18181b",
|
|
58
|
-
"textSecondary": "#
|
|
59
|
-
"textMuted": "#
|
|
58
|
+
"textSecondary": "#56565d",
|
|
59
|
+
"textMuted": "#64646d",
|
|
60
60
|
"textOnMedia": "#ffffff",
|
|
61
61
|
"accent": "#0a64f5",
|
|
62
62
|
"accentHover": "#0d55c9",
|
package/dist/tokens.css
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
/* Texte */
|
|
21
21
|
--kz-text-primary: hsl(0 0% 96%); /* Titres, corps de texte */
|
|
22
22
|
--kz-text-secondary: hsl(240 4% 64%); /* Texte d'appui, libellés */
|
|
23
|
-
--kz-text-muted: hsl(240 4%
|
|
23
|
+
--kz-text-muted: hsl(240 4% 59%); /* Métadonnées, placeholders, désactivé (≥ 4.5:1 sur chaque surface, texte courant inclus) */
|
|
24
24
|
|
|
25
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 */
|
|
@@ -76,8 +76,8 @@ html.light {
|
|
|
76
76
|
--kz-border-default: hsl(240 6% 0% / 0.10); /* Contour de carte, de champ */
|
|
77
77
|
--kz-border-strong: hsl(240 6% 0% / 0.16); /* Contour au survol, focus non clavier */
|
|
78
78
|
--kz-text-primary: hsl(240 6% 10%); /* Titres, corps de texte */
|
|
79
|
-
--kz-text-secondary: hsl(240 4%
|
|
80
|
-
--kz-text-muted: hsl(240 4%
|
|
79
|
+
--kz-text-secondary: hsl(240 4% 35%); /* Texte d'appui, libellés */
|
|
80
|
+
--kz-text-muted: hsl(240 4% 41%); /* Métadonnées, placeholders, désactivé (≥ 4.5:1 sur chaque surface, texte courant inclus) */
|
|
81
81
|
--kz-accent: hsl(217 92% 50%); /* Action principale, lien, sélection */
|
|
82
82
|
--kz-accent-hover: hsl(217 88% 42%); /* Accent au survol */
|
|
83
83
|
--kz-accent-soft: hsl(217 92% 50% / 0.08); /* Fond teinté (sélection, badge) */
|
|
@@ -116,8 +116,8 @@ html.light {
|
|
|
116
116
|
--kz-border-default: hsl(240 6% 0% / 0.10); /* Contour de carte, de champ */
|
|
117
117
|
--kz-border-strong: hsl(240 6% 0% / 0.16); /* Contour au survol, focus non clavier */
|
|
118
118
|
--kz-text-primary: hsl(240 6% 10%); /* Titres, corps de texte */
|
|
119
|
-
--kz-text-secondary: hsl(240 4%
|
|
120
|
-
--kz-text-muted: hsl(240 4%
|
|
119
|
+
--kz-text-secondary: hsl(240 4% 35%); /* Texte d'appui, libellés */
|
|
120
|
+
--kz-text-muted: hsl(240 4% 41%); /* Métadonnées, placeholders, désactivé (≥ 4.5:1 sur chaque surface, texte courant inclus) */
|
|
121
121
|
--kz-accent: hsl(217 92% 50%); /* Action principale, lien, sélection */
|
|
122
122
|
--kz-accent-hover: hsl(217 88% 42%); /* Accent au survol */
|
|
123
123
|
--kz-accent-soft: hsl(217 92% 50% / 0.08); /* Fond teinté (sélection, badge) */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krizaka/tokens",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.23.0",
|
|
4
4
|
"description": "The Krizaka semantic design tokens (--kz-*) and the brand themes (Krizaka, Orazaka, Orochia, Yasakia, Yororis, Yomizaka, Kachizaka, Akinaza): one DTCG source compiled to CSS (dark, light, media invariants), typed constants and React Native themes.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"krizaka",
|