@alveole/theme 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/constants/FocusProps.d.ts

@@ -1,11 +1,9 @@
+import { Marques } from './marques';
 /**
  * `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.
  *
@@ -17,6 +15,5 @@ type FocusRingProps = {
  * iOS (cf. UnsupportedCSSProperties), et un anneau natif demanderait une vue dessinee en
  * absolu.
  */
-export declare const focusRingProps: (variante?: FocusRingVariant) => FocusRingProps;
-export {};
+export declare const focusRingProps: (variante?: FocusRingVariant) => Marques;
 //# sourceMappingURL=FocusProps.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FocusProps.d.ts","sourceRoot":"","sources":["../../src/constants/FocusProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAW,MAAM,WAAW,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,WAAU,gBAAyB,KAAG,OACxB,CAAC"}

package/dist/constants/FocusProps.js

@@ -1,4 +1,5 @@
 import { FOCUS_DATA_SET_KEY } from './Focus';
+import { marques } from './marques';
 /**
  * Les props par lesquelles un composant demande la bague de focus du kit.
  *
@@ -10,6 +11,4 @@ import { FOCUS_DATA_SET_KEY } from './Focus';
  * iOS (cf. UnsupportedCSSProperties), et un anneau natif demanderait une vue dessinee en
  * absolu.
  */
-export const focusRingProps = (variante = 'ring') => ({
-    dataSet: { [FOCUS_DATA_SET_KEY]: variante },
-});
+export const focusRingProps = (variante = 'ring') => marques({ [FOCUS_DATA_SET_KEY]: variante });

package/dist/constants/LinkProps.d.ts

@@ -1,10 +1,6 @@
 /**
- * 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.
+ * Les props d'un lien de texte du kit : la marque de lien et la bague de focus, posees
+ * ensemble, sans quoi l'etalement de l'une ecraserait le `dataSet` de l'autre.
  */
-export declare const linkProps: () => {
-    dataSet: {
-        alveoleLink: string;
-    };
-};
+export declare const linkProps: () => import("./marques").Marques;
 //# sourceMappingURL=LinkProps.d.ts.map

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

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

package/dist/constants/LinkProps.js

@@ -1,9 +1,8 @@
 import { focusRingProps } from './FocusProps';
 import { LINK_DATA_SET_KEY } from './Link';
+import { marques } from './marques';
 /**
- * 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.
+ * Les props d'un lien de texte du kit : la marque de lien et la bague de focus, posees
+ * ensemble, sans quoi l'etalement de l'une ecraserait le `dataSet` de l'autre.
  */
-export const linkProps = () => ({
-    dataSet: { ...focusRingProps().dataSet, [LINK_DATA_SET_KEY]: 'text' },
-});
+export const linkProps = () => marques({ ...focusRingProps().dataSet, [LINK_DATA_SET_KEY]: 'text' });

package/dist/constants/marques.d.ts

@@ -0,0 +1,11 @@
+export type Marques = {
+    dataSet: Record<string, string>;
+    [attribut: string]: string | Record<string, string>;
+};
+/**
+ * Pose des marques `data-*` sous les deux formes qu'un composant du kit peut recevoir :
+ * `dataSet`, que react-native-web traduit en attributs, et l'attribut direct, seule forme
+ * que Tamagui v2 transmet au DOM.
+ */
+export declare const marques: (valeurs: Record<string, string>) => Marques;
+//# sourceMappingURL=marques.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marques.d.ts","sourceRoot":"","sources":["../../src/constants/marques.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,OAAO,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAAC;AAE/G;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAG,OAGxD,CAAC"}

package/dist/constants/marques.js

@@ -0,0 +1,10 @@
+import { dataSetAttribute } from './dataSetAttribute';
+/**
+ * Pose des marques `data-*` sous les deux formes qu'un composant du kit peut recevoir :
+ * `dataSet`, que react-native-web traduit en attributs, et l'attribut direct, seule forme
+ * que Tamagui v2 transmet au DOM.
+ */
+export const marques = (valeurs) => ({
+    dataSet: valeurs,
+    ...Object.fromEntries(Object.entries(valeurs).map(([cle, valeur]) => [dataSetAttribute(cle), valeur])),
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/theme",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.11",
   "description": "Shared theme tokens and utilities.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,12 +13,12 @@
   "devDependencies": {
     "@alveole/eslint-config": "file:../eslint-config",
     "esbuild": "0.28.2",
-    "eslint": "10.10.0",
+    "eslint": "10.13.0",
     "react": "19.2.3",
     "react-native": "0.86.3"
   },
   "peerDependencies": {
-    "@tamagui/core": "*",
+    "@tamagui/core": "^3.0.0",
     "expo-font": "*",
     "expo-system-ui": "*",
     "react": "*",