@alveole/theme 1.10.0 → 2.0.0-alpha

package/dist/constants/Focus.d.ts

@@ -0,0 +1,72 @@
+/**
+ * `default` sur les fonds clairs, `emphasis` sur les fonds pleins (primary, danger),
+ * ou l'anneau d'accent devient illisible.
+ */
+export type FocusRingKind = 'default' | 'emphasis';
+export type FocusRingStyle = {
+    outlineWidth?: number;
+    outlineColor?: string;
+    outlineStyle?: 'solid';
+    outlineOffset?: number;
+};
+/**
+ * L'attribut par lequel un composant demande la bague de focus du kit.
+ *
+ * La regle CSS emise par le theme ne s'applique qu'aux elements qui le portent : sans lui,
+ * elle repeindrait les `<a>` et les `<button>` propres a l'application cliente, ce que
+ * l'ADR 0008 refuse. C'est l'opt-in explicite d'`@atlaskit/focus-ring`.
+ *
+ * Sur le web, react-native-web rend la prop `dataSet` en attributs `data-*` : un composant
+ * ecrit donc `dataSet={{ alveoleFocus: 'ring' }}`. Sur le natif la prop est ignoree, ce qui
+ * convient : `outline` n'existe pas sur iOS (cf. UnsupportedCSSProperties).
+ */
+export declare const FOCUS_DATA_SET_KEY = "alveoleFocus";
+export declare const FOCUS_ATTRIBUTE: string;
+/**
+ * Les mesures de l'anneau, en un seul endroit : la regle CSS `:focus-visible` emise par le
+ * theme et `focusRing()` doivent tomber sur les memes chiffres, sinon la bague changerait de
+ * taille selon la facon dont un composant se la procure. 2 px est la valeur des trois
+ * references (Primer `focus.outline-width`, `--ds-border-width-focused`, `scale0` de Base).
+ *
+ * `offset` positif : l'anneau se pose hors de l'element, comme `@atlaskit/focus-ring` par
+ * defaut. `insetOffset` est son pendant pour les elements a ras d'un bord ou rognes par un
+ * parent, ou un anneau exterieur serait coupe : Primer a fait de ce cas sa valeur globale
+ * (`focus.outline-offset: -2px`), Atlassian en fait une variante explicite.
+ */
+export declare const FocusRingMetrics: {
+    readonly width: 2;
+    readonly offset: 2;
+    readonly insetOffset: -2;
+};
+/**
+ * Web uniquement : `outline` ne decale pas la mise en page, mais n'existe pas sur iOS
+ * (cf. UnsupportedCSSProperties). Un anneau natif demanderait une vue dessinee en absolu.
+ */
+export declare const focusRing: (kind: FocusRingKind) => FocusRingStyle;
+export type FocusBorderStyle = {
+    borderWidth: number;
+    borderColor: string;
+    outlineWidth?: number;
+    outlineStyle?: 'solid';
+    outlineColor?: string;
+    outlineOffset?: number;
+};
+/**
+ * Le focus des champs et des selecteurs (ADR 0012, amende par l'ADR 0017) : le trait deja
+ * present se recolore, et un anneau de meme couleur s'encastre juste derriere lui.
+ *
+ * Le trait seul, de 1 px, etait le seul marqueur : a cote du reste du kit, qui porte une bague
+ * nette de 2 px, le champ etait devenu le point faible visuel de l'ensemble. Primer fait les
+ * deux sur son `TextInputWrapper` : `border-color: accent` et `outline: 2px solid accent` avec
+ * `outline-offset: -1px`.
+ *
+ * L'anneau est encastre, ce qui preserve le motif d'origine de l'ADR 0016 : un contour
+ * interieur ne pousse rien, la mise en page ne bouge pas d'un pixel au focus. L'epaisseur de
+ * bordure reste elle aussi celle du repos.
+ *
+ * L'anneau ne vaut que sur le web, comme `focusRing` : `outline` n'existe pas sur iOS
+ * (cf. UnsupportedCSSProperties). La bordure, elle, se dessine partout - c'est pourquoi elle
+ * reste hors de la condition de plateforme.
+ */
+export declare const focusBorder: () => FocusBorderStyle;
+//# sourceMappingURL=Focus.d.ts.map

package/dist/constants/Focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../src/constants/Focus.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AAEjD,eAAO,MAAM,eAAe,QAAuC,CAAC;AAEpE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB;;;;CAAoD,CAAC;AAalF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,aAAa,KAAG,cAQxC,CAAC;AAET,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,QAAO,gBAW7B,CAAC"}

package/dist/constants/Focus.js

@@ -0,0 +1,79 @@
+import { Platform } from 'react-native';
+import { Colors } from './Color';
+import { dataSetAttribute } from './dataSetAttribute';
+/**
+ * L'attribut par lequel un composant demande la bague de focus du kit.
+ *
+ * La regle CSS emise par le theme ne s'applique qu'aux elements qui le portent : sans lui,
+ * elle repeindrait les `<a>` et les `<button>` propres a l'application cliente, ce que
+ * l'ADR 0008 refuse. C'est l'opt-in explicite d'`@atlaskit/focus-ring`.
+ *
+ * Sur le web, react-native-web rend la prop `dataSet` en attributs `data-*` : un composant
+ * ecrit donc `dataSet={{ alveoleFocus: 'ring' }}`. Sur le natif la prop est ignoree, ce qui
+ * convient : `outline` n'existe pas sur iOS (cf. UnsupportedCSSProperties).
+ */
+export const FOCUS_DATA_SET_KEY = 'alveoleFocus';
+export const FOCUS_ATTRIBUTE = dataSetAttribute(FOCUS_DATA_SET_KEY);
+/**
+ * Les mesures de l'anneau, en un seul endroit : la regle CSS `:focus-visible` emise par le
+ * theme et `focusRing()` doivent tomber sur les memes chiffres, sinon la bague changerait de
+ * taille selon la facon dont un composant se la procure. 2 px est la valeur des trois
+ * references (Primer `focus.outline-width`, `--ds-border-width-focused`, `scale0` de Base).
+ *
+ * `offset` positif : l'anneau se pose hors de l'element, comme `@atlaskit/focus-ring` par
+ * defaut. `insetOffset` est son pendant pour les elements a ras d'un bord ou rognes par un
+ * parent, ou un anneau exterieur serait coupe : Primer a fait de ce cas sa valeur globale
+ * (`focus.outline-offset: -2px`), Atlassian en fait une variante explicite.
+ */
+export const FocusRingMetrics = { width: 2, offset: 2, insetOffset: -2 };
+/**
+ * `default` vient du ramp `Focus`, le meme que la bordure de focus des champs : c'est ce qui
+ * fait qu'une case a cocher et un champ focalises cote a cote sont du meme bleu. L'anneau
+ * prenait jusqu'ici `BleuCaptive['main-525']` (#0379EF), voisin mais distinct de #0A76F6,
+ * alors que le ramp dedie existait deja.
+ */
+const OUTLINE_COLORS = {
+    default: Colors.Focus[525],
+    emphasis: Colors.BleuCaptive['975'],
+};
+/**
+ * Web uniquement : `outline` ne decale pas la mise en page, mais n'existe pas sur iOS
+ * (cf. UnsupportedCSSProperties). Un anneau natif demanderait une vue dessinee en absolu.
+ */
+export const focusRing = (kind) => Platform.OS === 'web'
+    ? {
+        outlineWidth: FocusRingMetrics.width,
+        outlineStyle: 'solid',
+        outlineColor: OUTLINE_COLORS[kind],
+        outlineOffset: FocusRingMetrics.offset,
+    }
+    : {};
+/**
+ * Le focus des champs et des selecteurs (ADR 0012, amende par l'ADR 0017) : le trait deja
+ * present se recolore, et un anneau de meme couleur s'encastre juste derriere lui.
+ *
+ * Le trait seul, de 1 px, etait le seul marqueur : a cote du reste du kit, qui porte une bague
+ * nette de 2 px, le champ etait devenu le point faible visuel de l'ensemble. Primer fait les
+ * deux sur son `TextInputWrapper` : `border-color: accent` et `outline: 2px solid accent` avec
+ * `outline-offset: -1px`.
+ *
+ * L'anneau est encastre, ce qui preserve le motif d'origine de l'ADR 0016 : un contour
+ * interieur ne pousse rien, la mise en page ne bouge pas d'un pixel au focus. L'epaisseur de
+ * bordure reste elle aussi celle du repos.
+ *
+ * L'anneau ne vaut que sur le web, comme `focusRing` : `outline` n'existe pas sur iOS
+ * (cf. UnsupportedCSSProperties). La bordure, elle, se dessine partout - c'est pourquoi elle
+ * reste hors de la condition de plateforme.
+ */
+export const focusBorder = () => ({
+    borderWidth: 1,
+    borderColor: Colors.Focus[525],
+    ...(Platform.OS === 'web'
+        ? {
+            outlineWidth: FocusRingMetrics.width,
+            outlineStyle: 'solid',
+            outlineColor: Colors.Focus[525],
+            outlineOffset: FocusRingMetrics.insetOffset,
+        }
+        : {}),
+});

package/dist/constants/FocusProps.d.ts

@@ -0,0 +1,22 @@
+/**
+ * `ring` pose la bague hors de l'element. `inset` la rentre a l'interieur, pour ce qui est a
+ * ras d'un bord ou rogne par un parent : cellules de tableau, items de barre laterale.
+ */
+export type FocusRingVariant = 'ring' | 'inset';
+type FocusRingProps = {
+    dataSet: Record<string, string>;
+};
+/**
+ * Les props par lesquelles un composant demande la bague de focus du kit.
+ *
+ * `dataSet` est une extension de react-native-web : elle rend des attributs `data-*` sur le
+ * web, et n'existe pas dans les types de react-native. Le cast vit donc ici, une fois, plutot
+ * que dans chacun des composants qui demandent la bague.
+ *
+ * Sur le natif la prop est simplement ignoree, ce qui convient : `outline` n'existe pas sur
+ * iOS (cf. UnsupportedCSSProperties), et un anneau natif demanderait une vue dessinee en
+ * absolu.
+ */
+export declare const focusRingProps: (variante?: FocusRingVariant) => FocusRingProps;
+export {};
+//# sourceMappingURL=FocusProps.d.ts.map

package/dist/constants/FocusProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusProps.d.ts","sourceRoot":"","sources":["../../src/constants/FocusProps.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhD,KAAK,cAAc,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAAC;AAE1D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,WAAU,gBAAyB,KAAG,cAEnE,CAAC"}

package/dist/constants/FocusProps.js

@@ -0,0 +1,15 @@
+import { FOCUS_DATA_SET_KEY } from './Focus';
+/**
+ * Les props par lesquelles un composant demande la bague de focus du kit.
+ *
+ * `dataSet` est une extension de react-native-web : elle rend des attributs `data-*` sur le
+ * web, et n'existe pas dans les types de react-native. Le cast vit donc ici, une fois, plutot
+ * que dans chacun des composants qui demandent la bague.
+ *
+ * Sur le natif la prop est simplement ignoree, ce qui convient : `outline` n'existe pas sur
+ * iOS (cf. UnsupportedCSSProperties), et un anneau natif demanderait une vue dessinee en
+ * absolu.
+ */
+export const focusRingProps = (variante = 'ring') => ({
+    dataSet: { [FOCUS_DATA_SET_KEY]: variante },
+});

package/dist/constants/Font.d.ts

@@ -1,16 +1,21 @@
 import { TextStyle } from 'react-native';
 export declare const FontsMap: {
-    readonly 'Barlow-Light': number;
-    readonly 'Barlow-Regular': number;
-    readonly 'Barlow-Medium': number;
-    readonly 'Barlow-Bold': number;
-    readonly 'Inter-Light': number;
-    readonly 'Inter-Regular': number;
-    readonly 'Inter-Medium': number;
-    readonly 'Inter-Bold': number;
+    readonly 'Geist-Light': number;
+    readonly 'Geist-Regular': number;
+    readonly 'Geist-Medium': number;
+    readonly 'Geist-Bold': number;
 };
 export type Font = keyof typeof FontsMap;
 export declare const Fonts: Record<Font, Font>;
+/**
+ * La police du code, partout où le design system en affiche : en ligne dans du texte comme
+ * en bloc. Aucune fonte n'est embarquée, on prend celle du système : une chasse fixe est
+ * attendue lisible par l'utilisateur avant d'être conforme à une identité, et charger une
+ * fonte de plus pour du code coûterait plus qu'elle ne rapporte.
+ */
+export declare const MonospaceFont: {
+    readonly fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
+};
 export declare const FontWeightMap: Record<Font, {
     family: string;
     familyWithFallback: string;

package/dist/constants/Font.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Font.d.ts","sourceRoot":"","sources":["../../src/constants/Font.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,QAAQ;;;;;;;;;CAWX,CAAC;AAGX,MAAM,MAAM,IAAI,GAAG,MAAM,OAAO,QAAQ,CAAC;AACzC,eAAO,MAAM,KAAK,EAA0E,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAI/G,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,IAAI,EACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;CAAE,CAU7F,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CAIhG,CAAC"}
+{"version":3,"file":"Font.d.ts","sourceRoot":"","sources":["../../src/constants/Font.ts"],"names":[],"mappings":"AAIA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AAGX,MAAM,MAAM,IAAI,GAAG,MAAM,OAAO,QAAQ,CAAC;AACzC,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAKpC,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;CAEhB,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,IAAI,EACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;CAAE,CAM7F,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CAIhG,CAAC"}

package/dist/constants/Font.js

@@ -1,35 +1,35 @@
-import { Barlow_300Light } from '@expo-google-fonts/barlow/300Light';
-import { Barlow_400Regular } from '@expo-google-fonts/barlow/400Regular';
-import { Barlow_500Medium } from '@expo-google-fonts/barlow/500Medium';
-import { Barlow_600SemiBold } from '@expo-google-fonts/barlow/600SemiBold';
-import { Inter_300Light } from '@expo-google-fonts/inter/300Light';
-import { Inter_400Regular } from '@expo-google-fonts/inter/400Regular';
-import { Inter_500Medium } from '@expo-google-fonts/inter/500Medium';
-import { Inter_600SemiBold } from '@expo-google-fonts/inter/600SemiBold';
+import { Geist_300Light } from '@expo-google-fonts/geist/300Light';
+import { Geist_400Regular } from '@expo-google-fonts/geist/400Regular';
+import { Geist_500Medium } from '@expo-google-fonts/geist/500Medium';
+import { Geist_600SemiBold } from '@expo-google-fonts/geist/600SemiBold';
 import { Platform } from 'react-native';
 export const FontsMap = {
-    // Barlow
-    'Barlow-Light': Barlow_300Light,
-    'Barlow-Regular': Barlow_400Regular,
-    'Barlow-Medium': Barlow_500Medium,
-    'Barlow-Bold': Barlow_600SemiBold,
-    // Inter
-    'Inter-Light': Inter_300Light,
-    'Inter-Regular': Inter_400Regular,
-    'Inter-Medium': Inter_500Medium,
-    'Inter-Bold': Inter_600SemiBold,
+    'Geist-Light': Geist_300Light,
+    'Geist-Regular': Geist_400Regular,
+    'Geist-Medium': Geist_500Medium,
+    'Geist-Bold': Geist_600SemiBold,
+};
+export const Fonts = {
+    'Geist-Light': 'Geist-Light',
+    'Geist-Regular': 'Geist-Regular',
+    'Geist-Medium': 'Geist-Medium',
+    'Geist-Bold': 'Geist-Bold',
 };
-export const Fonts = Object.fromEntries(Object.keys(FontsMap).map(font => [font, font]));
 const SANS_SERIF_FALLBACK = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif";
+/**
+ * La police du code, partout où le design system en affiche : en ligne dans du texte comme
+ * en bloc. Aucune fonte n'est embarquée, on prend celle du système : une chasse fixe est
+ * attendue lisible par l'utilisateur avant d'être conforme à une identité, et charger une
+ * fonte de plus pour du code coûterait plus qu'elle ne rapporte.
+ */
+export const MonospaceFont = {
+    fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
+};
 export const FontWeightMap = {
-    'Barlow-Light': { family: 'Barlow', familyWithFallback: `Barlow, ${SANS_SERIF_FALLBACK}`, weight: '300' },
-    'Barlow-Regular': { family: 'Barlow', familyWithFallback: `Barlow, ${SANS_SERIF_FALLBACK}`, weight: '400' },
-    'Barlow-Medium': { family: 'Barlow', familyWithFallback: `Barlow, ${SANS_SERIF_FALLBACK}`, weight: '500' },
-    'Barlow-Bold': { family: 'Barlow', familyWithFallback: `Barlow, ${SANS_SERIF_FALLBACK}`, weight: '600' },
-    'Inter-Light': { family: 'Inter', familyWithFallback: `Inter, ${SANS_SERIF_FALLBACK}`, weight: '300' },
-    'Inter-Regular': { family: 'Inter', familyWithFallback: `Inter, ${SANS_SERIF_FALLBACK}`, weight: '400' },
-    'Inter-Medium': { family: 'Inter', familyWithFallback: `Inter, ${SANS_SERIF_FALLBACK}`, weight: '500' },
-    'Inter-Bold': { family: 'Inter', familyWithFallback: `Inter, ${SANS_SERIF_FALLBACK}`, weight: '600' },
+    'Geist-Light': { family: 'Geist', familyWithFallback: `Geist, ${SANS_SERIF_FALLBACK}`, weight: '300' },
+    'Geist-Regular': { family: 'Geist', familyWithFallback: `Geist, ${SANS_SERIF_FALLBACK}`, weight: '400' },
+    'Geist-Medium': { family: 'Geist', familyWithFallback: `Geist, ${SANS_SERIF_FALLBACK}`, weight: '500' },
+    'Geist-Bold': { family: 'Geist', familyWithFallback: `Geist, ${SANS_SERIF_FALLBACK}`, weight: '600' },
 };
 export const fontStyle = (font) => {
     if (Platform.OS !== 'web')

package/dist/constants/Grille.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Les largeurs de la grille du design system : colonne de 78, gouttière de 24.
+ * Une clé de n colonnes vaut donc n * 78 + (n - 1) * 24, jusqu'à 1200 pour 12 colonnes.
+ */
 export declare const Grilles: {
     /** @experimental */
     readonly '2 colonnes': 180;
@@ -8,9 +12,13 @@ export declare const Grilles: {
     /** @experimental */
     readonly '6 colonnes': 588;
     /** @experimental */
-    readonly '7 colonnes': 792;
+    readonly '7 colonnes': 690;
+    /** @experimental */
+    readonly '8 colonnes': 792;
     /** @experimental */
     readonly '9 colonnes': 894;
+    /** @experimental */
+    readonly '12 colonnes': 1200;
 };
 export type GrilleKey = keyof typeof Grilles;
 export type GrilleValue = (typeof Grilles)[GrilleKey];

package/dist/constants/Grille.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grille.d.ts","sourceRoot":"","sources":["../../src/constants/Grille.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAClB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;CAEZ,CAAC;AAGX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Grille.d.ts","sourceRoot":"","sources":["../../src/constants/Grille.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,OAAO;IAClB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;CAEZ,CAAC;AAGX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC"}

package/dist/constants/Grille.js

@@ -1,3 +1,7 @@
+/**
+ * Les largeurs de la grille du design system : colonne de 78, gouttière de 24.
+ * Une clé de n colonnes vaut donc n * 78 + (n - 1) * 24, jusqu'à 1200 pour 12 colonnes.
+ */
 export const Grilles = {
     /** @experimental */
     '2 colonnes': 180,
@@ -8,7 +12,11 @@ export const Grilles = {
     /** @experimental */
     '6 colonnes': 588,
     /** @experimental */
-    '7 colonnes': 792,
+    '7 colonnes': 690,
+    /** @experimental */
+    '8 colonnes': 792,
     /** @experimental */
     '9 colonnes': 894,
+    /** @experimental */
+    '12 colonnes': 1200,
 };

package/dist/constants/Link.d.ts

@@ -0,0 +1,8 @@
+/**
+ * L'attribut par lequel un lien du kit demande les styles que seule une feuille de style peut
+ * porter. Même opt-in que `FOCUS_DATA_SET_KEY` : la règle ne touche jamais les `<a>` propres à
+ * l'application cliente (ADR 0008).
+ */
+export declare const LINK_DATA_SET_KEY = "alveoleLink";
+export declare const LINK_ATTRIBUTE: string;
+//# sourceMappingURL=Link.d.ts.map

package/dist/constants/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/constants/Link.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAE/C,eAAO,MAAM,cAAc,QAAsC,CAAC"}

package/dist/constants/Link.js

@@ -0,0 +1,8 @@
+import { dataSetAttribute } from './dataSetAttribute';
+/**
+ * L'attribut par lequel un lien du kit demande les styles que seule une feuille de style peut
+ * porter. Même opt-in que `FOCUS_DATA_SET_KEY` : la règle ne touche jamais les `<a>` propres à
+ * l'application cliente (ADR 0008).
+ */
+export const LINK_DATA_SET_KEY = 'alveoleLink';
+export const LINK_ATTRIBUTE = dataSetAttribute(LINK_DATA_SET_KEY);

package/dist/constants/LinkProps.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Les props d'un lien de texte du kit : la marque de lien et la bague de focus. Toutes deux
+ * passent par `dataSet`, qu'un simple étalement de l'une écraserait avec l'autre.
+ */
+export declare const linkProps: () => {
+    dataSet: {
+        alveoleLink: string;
+    };
+};
+//# sourceMappingURL=LinkProps.d.ts.map

package/dist/constants/LinkProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkProps.d.ts","sourceRoot":"","sources":["../../src/constants/LinkProps.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;CAEpB,CAAC"}

package/dist/constants/LinkProps.js

@@ -0,0 +1,9 @@
+import { focusRingProps } from './FocusProps';
+import { LINK_DATA_SET_KEY } from './Link';
+/**
+ * Les props d'un lien de texte du kit : la marque de lien et la bague de focus. Toutes deux
+ * passent par `dataSet`, qu'un simple étalement de l'une écraserait avec l'autre.
+ */
+export const linkProps = () => ({
+    dataSet: { ...focusRingProps().dataSet, [LINK_DATA_SET_KEY]: 'text' },
+});

package/dist/constants/Palette.d.ts

@@ -73,16 +73,8 @@ export declare const CustomPalette: {
             readonly focus: "#0A76F6";
         };
         readonly illustration: {
-            readonly 'color-sun': {
-                readonly default: {
-                    readonly yellow: "#6F5E18";
-                };
-            };
-            readonly 'color-950': {
-                readonly default: {
-                    readonly yellow: "#F9F0CC";
-                };
-            };
+            readonly 'color-sun-default-yellow': "#6F5E18";
+            readonly 'color-950-default-yellow': "#F9F0CC";
         };
     };
     /** @deprecated Ne pas utiliser pour de nouveaux usages */

package/dist/constants/Palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/constants/Palette.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/constants/Palette.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;QAEtB,kDAAkD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8EpD,0DAA0D;;;YAGtD,0DAA0D;;;;YAI1D,0DAA0D;;YAE1D,0DAA0D;;;;IAK9D,kHAAkH;;IAElH,iGAAiG;;IAEjG,gGAAgG;;IAEhG,uFAAuF;;IAEvF,6FAA6F;;IAE7F,6FAA6F;;IAE7F,sDAAsD;;IAGtD,iEAAiE;;QAE/D,sDAAsD;;QAEtD,oDAAoD;;QAEpD,sDAAsD;;QAEtD,uDAAuD;;QAEvD,6DAA6D;;QAE7D,6DAA6D;;QAE7D,0DAA0D;;QAE1D,oDAAoD;;QAEpD,oDAAoD;;QAEpD,0DAA0D;;QAE1D,0DAA0D;;QAE1D,yDAAyD;;QAEzD,uDAAuD;;QAEvD,sDAAsD;;QAEtD,0DAA0D;;QAG1D,yFAAyF;;YAEvF,uDAAuD;;YAEvD,uDAAuD;;YAEvD,uDAAuD;;YAEvD,6FAA6F;;;QAI/F,0GAA0G;;YAExG,sDAAsD;;YAEtD,yDAAyD;;YAEzD,oDAAoD;;YAEpD,yDAAyD;;YAEzD,uDAAuD;;YAEvD,qDAAqD;;;QAIvD,yFAAyF;;YAEvF,kGAAkG;;;;;;YAMlG,yFAAyF;;;;;;YAMzF,wEAAwE;;;;;;YAMxE,yFAAyF;;;;;;;QAQ3F,wFAAwF;;YAEtF,sDAAsD;;;QAIxD,sDAAsD;;YAEpD,sDAAsD;;YAEtD,sDAAsD;;;QAIxD,mEAAmE;;;gBAG/D,sDAAsD;;gBAEtD,oFAAoF;;;;;IAM1F,qEAAqE;;QAEnE,wDAAwD;;QAExD,wDAAwD;;QAExD,+DAA+D;;QAE/D,yDAAyD;;QAEzD,sDAAsD;;QAEtD,yDAAyD;;QAEzD,uDAAuD;;QAEvD,2DAA2D;;QAE3D,2DAA2D;;QAE3D,yDAAyD;;QAGzD,qEAAqE;;YAEnE,4DAA4D;;;;;;YAM5D,uDAAuD;;;;;;;QAQzD,2FAA2F;;YAEzF,yDAAyD;;YAEzD,4DAA4D;;YAE5D,4DAA4D;;YAE5D,0DAA0D;;YAE1D,sDAAsD;;;QAIxD,sDAAsD;;YAEpD,sDAAsD;;;QAIxD,wDAAwD;;;;QAKxD,wDAAwD;;;gBAGpD,wDAAwD;;;;;IAM9D,sEAAsE;;QAEpE,4DAA4D;;QAE5D,mEAAmE;;QAEnE,wDAAwD;;QAExD,+DAA+D;;QAE/D,mEAAmE;;QAEnE,6DAA6D;;QAE7D,kEAAkE;;QAElE,4DAA4D;;QAE5D,4DAA4D;;QAE5D,6DAA6D;;QAE7D,2DAA2D;;QAE3D,2DAA2D;;QAE3D,kEAAkE;;QAElE,kGAAkG;;QAGlG,2FAA2F;;YAEzF,yDAAyD;;YAEzD,4DAA4D;;YAE5D,4DAA4D;;YAE5D,0DAA0D;;;QAI5D,oHAAoH;;YAElH,oHAAoH;;;;;;YAMpH,gEAAgE;;;;;;YAMhE,gEAAgE;;;;;;YAMhE,mGAAmG;;;;;;;QAQrG,0DAA0D;;YAExD,4FAA4F;;;QAI9F,4FAA4F;;YAE1F,yDAAyD;;YAEzD,4DAA4D;;YAE5D,4DAA4D;;YAE5D,0DAA0D;;YAE1D,qDAAqD;;YAErD,6DAA6D;;;QAI/D,uFAAuF;;;gBAGnF,kEAAkE;;;;QAKtE,4EAA4E;;YAE1E,sDAAsD;;YAEtD,qGAAqG;;YAErG,gEAAgE;;;;IAKpE,wCAAwC;;QAEtC,8CAA8C;;;CAGxC,CAAC;AAEX,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE/F,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC1C,MAAM,GACN,CAAC,SAAS,MAAM,GACd,MAAM,GAAG,MAAM,GACf;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE7C,MAAM,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,aAAa,CAAC,CAAC;AACxD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC"}

package/dist/constants/Palette.js

@@ -74,16 +74,8 @@ export const CustomPalette = {
             focus: Colors['Focus']['525'],
         },
         illustration: {
-            'color-sun': {
-                default: {
-                    yellow: Colors['Ocre']['sun-403'],
-                },
-            },
-            'color-950': {
-                default: {
-                    yellow: Colors['Ocre']['950'],
-                },
-            },
+            'color-sun-default-yellow': Colors['Ocre']['sun-403'],
+            'color-950-default-yellow': Colors['Ocre']['950'],
         },
     },
     /** @deprecated Ne pas utiliser pour de nouveaux usages */

package/dist/constants/Pill.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Dimensions de la puce : etiquette compacte qui qualifie un objet (Tag, Badge, Counter).
+ *
+ * Echelle distincte de celle des controles, et non un cran emprunte a `Control` : une puce
+ * n'est ni cliquable ni une cible tactile, elle n'a donc aucune raison de suivre le gabarit
+ * d'un bouton. Les trois references tranchent dans ce sens : Primer donne a `Label` 20/24 et
+ * a `Token` 16/20/24/32, Base a `Tag` 20/24/32/40, tous sous ou au niveau de leur plus petit
+ * cran de controle. `Pill.test.ts` fige ce non-croisement.
+ *
+ * Une seule densite, contrairement a `Control` (ADR 0013) : le dedoublement desktop/mobile
+ * existe pour garantir une surface au doigt, ce qu'une puce n'a pas a offrir.
+ *
+ * Les hauteurs sont explicites, jamais deduites d'un padding et d'une hauteur de ligne :
+ * c'est ce qui evite qu'un changement de metrique de police redimensionne tout le kit.
+ * Les retraits reprennent ceux du `Label` de Primer, qui partage exactement cette echelle.
+ */
+export declare const PillSizes: {
+    readonly sm: {
+        readonly height: 20;
+        readonly paddingInline: 6;
+        readonly gap: 4;
+    };
+    readonly md: {
+        readonly height: 24;
+        readonly paddingInline: 8;
+        readonly gap: 4;
+    };
+};
+export type PillSize = {
+    height: number;
+    paddingInline: number;
+    gap: number;
+};
+export type PillSizeKey = keyof typeof PillSizes;
+/**
+ * Pendant de `controlSizesFor`, sans parametre de densite : il n'y a qu'une echelle de puce.
+ * La lecture vit ici plutot que dans le constructeur de theme, ou elle ne serait ni relisable
+ * a cote de la table ni testable sans monter un theme.
+ */
+export declare const pillSizeFor: (key: PillSizeKey) => PillSize;
+//# sourceMappingURL=Pill.d.ts.map

package/dist/constants/Pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../src/constants/Pill.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;CAGZ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9E,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,SAAS,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,WAAW,KAAG,QAA0B,CAAC"}

package/dist/constants/Pill.js

@@ -0,0 +1,26 @@
+/**
+ * Dimensions de la puce : etiquette compacte qui qualifie un objet (Tag, Badge, Counter).
+ *
+ * Echelle distincte de celle des controles, et non un cran emprunte a `Control` : une puce
+ * n'est ni cliquable ni une cible tactile, elle n'a donc aucune raison de suivre le gabarit
+ * d'un bouton. Les trois references tranchent dans ce sens : Primer donne a `Label` 20/24 et
+ * a `Token` 16/20/24/32, Base a `Tag` 20/24/32/40, tous sous ou au niveau de leur plus petit
+ * cran de controle. `Pill.test.ts` fige ce non-croisement.
+ *
+ * Une seule densite, contrairement a `Control` (ADR 0013) : le dedoublement desktop/mobile
+ * existe pour garantir une surface au doigt, ce qu'une puce n'a pas a offrir.
+ *
+ * Les hauteurs sont explicites, jamais deduites d'un padding et d'une hauteur de ligne :
+ * c'est ce qui evite qu'un changement de metrique de police redimensionne tout le kit.
+ * Les retraits reprennent ceux du `Label` de Primer, qui partage exactement cette echelle.
+ */
+export const PillSizes = {
+    sm: { height: 20, paddingInline: 6, gap: 4 },
+    md: { height: 24, paddingInline: 8, gap: 4 },
+};
+/**
+ * Pendant de `controlSizesFor`, sans parametre de densite : il n'y a qu'une echelle de puce.
+ * La lecture vit ici plutot que dans le constructeur de theme, ou elle ne serait ni relisable
+ * a cote de la table ni testable sans monter un theme.
+ */
+export const pillSizeFor = (key) => PillSizes[key];

package/dist/constants/Radius.d.ts

@@ -5,5 +5,5 @@ export declare const RadiusList: {
     readonly full: 99999;
 };
 export type RadiusKey = keyof typeof RadiusList;
-export type Radius = (typeof RadiusList)[RadiusKey];
+export type Radius = (typeof RadiusList)[RadiusKey] | `var(--radius-${RadiusKey})`;
 //# sourceMappingURL=Radius.d.ts.map

package/dist/constants/Radius.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radius.d.ts","sourceRoot":"","sources":["../../src/constants/Radius.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAGX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAChD,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Radius.d.ts","sourceRoot":"","sources":["../../src/constants/Radius.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAGX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAChD,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,GAAG,gBAAgB,SAAS,GAAG,CAAC"}

package/dist/constants/Spacing.d.ts

@@ -1,7 +1,7 @@
 export declare const Spacings: {
     /** @deprecated Utiliser '0V' */
     readonly '000': 0;
-    /** @deprecated Utiliser '0,5V' */
+    /** @deprecated Utiliser '1V' */
     readonly '025': 4;
     /** @deprecated Utiliser '1,5V' */
     readonly '0375': 6;
@@ -15,11 +15,11 @@ export declare const Spacings: {
     readonly '150': 24;
     /** @deprecated Utiliser '4W' */
     readonly '200': 32;
-    /** @deprecated Utiliser '5W' */
-    readonly '300': 48;
     /** @deprecated Utiliser '6W' */
-    readonly '400': 64;
+    readonly '300': 48;
     /** @deprecated Utiliser '8W' */
+    readonly '400': 64;
+    /** @deprecated */
     readonly '500': 80;
     /** @deprecated */
     readonly '600': 96;

package/dist/constants/Spacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../src/constants/Spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;IACnB,gCAAgC;;IAEhC,kCAAkC;;IAElC,kCAAkC;;IAElC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;;;;;;;;;;;;;;;CAiBV,CAAC;AAGX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../src/constants/Spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;IACnB,gCAAgC;;IAEhC,gCAAgC;;IAEhC,kCAAkC;;IAElC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;;;;;;;;;;;;;;;CAiBV,CAAC;AAGX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC"}

package/dist/constants/Spacing.js

@@ -1,7 +1,7 @@
 export const Spacings = {
     /** @deprecated Utiliser '0V' */
     '000': 0,
-    /** @deprecated Utiliser '0,5V' */
+    /** @deprecated Utiliser '1V' */
     '025': 4,
     /** @deprecated Utiliser '1,5V' */
     '0375': 6,
@@ -15,11 +15,11 @@ export const Spacings = {
     '150': 24,
     /** @deprecated Utiliser '4W' */
     '200': 32,
-    /** @deprecated Utiliser '5W' */
-    '300': 48,
     /** @deprecated Utiliser '6W' */
-    '400': 64,
+    '300': 48,
     /** @deprecated Utiliser '8W' */
+    '400': 64,
+    /** @deprecated */
     '500': 80,
     /** @deprecated */
     '600': 96,