@alveole/components 2.0.0-alpha.1 → 2.0.0-alpha.10

package/dist/ui/DataTable/DataTableRow.js

@@ -16,10 +16,12 @@ const rowStyleBySize = {
 export const DataTableRow = (props) => {
     const { row, rowIndex, rowKey, columns, selectable, selected, size = 'sm', noBorderBottom, onSelectedChange, onPress, } = props;
     const styles = useStyles();
-    return (_jsxs(Box, { tag: "data-table-row", onPress: onPress, hoverStyle: onPress ? styles.rowHover : {}, style: [
+    return (_jsxs(Box, { tag: "data-table-row", onPress: onPress, backgroundColor: {
+            default: (selected ? styles.rowSelected : styles.rowBackground).backgroundColor,
+            hover: onPress ? styles.rowHover.backgroundColor : undefined,
+        }, style: [
             styles.row,
             styles[rowStyleBySize[size]],
-            selected ? styles.rowSelected : {},
             onPress ? styles.rowHoverable : {},
             noBorderBottom ? { borderBottomWidth: 0 } : {},
         ], children: [selectable && (_jsx(Box, { tag: "data-table-selection-cell", style: [styles.selectionCell, styles[selectionCellStyleBySize[size]]], onPress: event => event.stopPropagation(), children: _jsx(CheckboxContainer, { id: `${rowKey}--checkbox`, "aria-label": `Sélectionner la ligne ${rowIndex + 1}`, variant: "small", checked: selected, onCheckedChange: checked => onSelectedChange?.(checked === true), children: _jsx(CheckboxIndicator, { variant: "small" }) }) })), columns.map(column => (_jsx(DataTableCell, { align: column.align, width: column.width, size: size, children: column.renderCell(row, rowIndex) }, column.id)))] }));

package/dist/ui/DataTable/dataTableCellStyle.d.ts

@@ -17,8 +17,8 @@ export type DataTableCellState = {
  */
 export declare const dataTableCellStyle: (styles: DataTableStyles, { variant, size, align, width, noPadding, pressable }: DataTableCellState) => {
     tag: "data-table-header-cell" | "data-table-cell";
-    hover: {
-        opacity: number;
+    opacite: {
+        hover: number;
     } | undefined;
     style: ({
         display: "flex";

package/dist/ui/DataTable/dataTableCellStyle.js

@@ -12,7 +12,7 @@ export const dataTableCellStyle = (styles, { variant, size, align, width, noPadd
     return {
         tag: variant === 'header' ? 'data-table-header-cell' : 'data-table-cell',
         // Le survol ne repond que la ou il y a quelque chose a presser.
-        hover: pressable ? { opacity: 0.8 } : undefined,
+        opacite: pressable ? { hover: 0.8 } : undefined,
         style: [
             variant === 'header' ? styles.headerCell : styles.cell,
             noPadding ? {} : retrait,

package/dist/ui/DateInput/DateInput.ios.d.ts

@@ -7,6 +7,6 @@ export declare const DateInput: React.ForwardRefExoticComponent<Omit<import(".."
     maximumDate?: Date;
     onChange?: (date: string) => void;
     is24Hour?: boolean;
-    minuteInterval?: 1 | 4 | 6 | 12 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
+    minuteInterval?: 2 | 1 | 4 | 6 | 12 | 3 | 5 | 10 | 20 | 15 | 30;
 } & React.RefAttributes<import("react-native").TextInput>>;
 //# sourceMappingURL=DateInput.ios.d.ts.map

package/dist/ui/DateInput/DateInput.stories.d.ts

@@ -12,7 +12,7 @@ declare const _default: {
         maximumDate?: Date;
         onChange?: (date: string) => void;
         is24Hour?: boolean;
-        minuteInterval?: 1 | 4 | 6 | 12 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
+        minuteInterval?: 2 | 1 | 4 | 6 | 12 | 3 | 5 | 10 | 20 | 15 | 30;
     } & React.RefAttributes<import("react-native").TextInput>>;
     styleFn: () => string;
 };

package/dist/ui/DateInput/DateInput.web.d.ts

@@ -7,6 +7,6 @@ export declare const DateInput: React.ForwardRefExoticComponent<Omit<import(".."
     maximumDate?: Date;
     onChange?: (date: string) => void;
     is24Hour?: boolean;
-    minuteInterval?: 1 | 4 | 6 | 12 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
+    minuteInterval?: 2 | 1 | 4 | 6 | 12 | 3 | 5 | 10 | 20 | 15 | 30;
 } & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DateInput.web.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts

@@ -100,6 +100,7 @@ declare const _default: {
             maxWidth: string;
             minWidth: number;
             flexShrink: number;
+            position: "relative";
             borderColor: string;
             borderWidth: number;
             borderStyle: "solid";

package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,eAAe,mCAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAaxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"DocumentViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,eAAe,mCAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAaxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewer.stories.js

@@ -15,5 +15,5 @@ export default {
 export const DocumentImageEx = () => (_jsx(Box, { maxW: 500, height: 500, children: _jsx(DocumentViewer, { title: "Document image", type: "image", source: "https://picsum.photos/1000/2000", height: "100%" }) }));
 export const DocumentPdf = () => (_jsx(Box, { height: 400, maxW: 500, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf", height: "100%" }) }));
 export const DocumentPdfError = () => (_jsx(Box, { height: 400, maxW: 500, children: _jsx(DocumentViewer, { title: "Document PDF en erreur", type: "pdf", source: "https://example.com/document-inexistant.pdf", height: "100%" }) }));
-export const WithChildren = () => (_jsx(Box, { height: 600, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf", height: "100%", children: _jsx(Box, { p: '2W', minW: 600, children: _jsx(Typography, { children: "Contenu enfant" }) }) }) }));
+export const WithChildren = () => (_jsx(Box, { height: 600, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf", height: "100%", children: _jsx(Box, { p: '2W', children: _jsx(Typography, { children: "Contenu enfant" }) }) }) }));
 export * as Sources from './DocumentViewer.stories.sources';

package/dist/ui/DocumentViewer/DocumentViewer.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,cAA2N,CAAC;AAExP,eAAO,MAAM,WAAW,cAA2R,CAAC;AAEpT,eAAO,MAAM,gBAAgB,cAA+Q,CAAC;AAE7S,eAAO,MAAM,YAAY,cAAuY,CAAC;AAEja,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"DocumentViewer.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,cAA2N,CAAC;AAExP,eAAO,MAAM,WAAW,cAA2R,CAAC;AAEpT,eAAO,MAAM,gBAAgB,cAA+Q,CAAC;AAE7S,eAAO,MAAM,YAAY,cAA4X,CAAC;AAEtZ,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewer.stories.sources.js

@@ -3,7 +3,7 @@
 export const DocumentImageEx = () => "export const DocumentImageEx = () => (\n  <Box maxW={500} height={500}>\n    <DocumentViewer title=\"Document image\" type=\"image\" source=\"https://picsum.photos/1000/2000\" height=\"100%\" />\n  </Box>\n);";
 export const DocumentPdf = () => "export const DocumentPdf = () => (\n  <Box height={400} maxW={500}>\n    <DocumentViewer\n      title=\"Document PDF\"\n      type=\"pdf\"\n      source=\"https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf\"\n      height=\"100%\"\n    />\n  </Box>\n);";
 export const DocumentPdfError = () => "export const DocumentPdfError = () => (\n  <Box height={400} maxW={500}>\n    <DocumentViewer\n      title=\"Document PDF en erreur\"\n      type=\"pdf\"\n      source=\"https://example.com/document-inexistant.pdf\"\n      height=\"100%\"\n    />\n  </Box>\n);";
-export const WithChildren = () => "export const WithChildren = () => (\n  <Box height={600}>\n    <DocumentViewer\n      title=\"Document PDF\"\n      type=\"pdf\"\n      source=\"https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf\"\n      height=\"100%\"\n    >\n      <Box p={'2W'} minW={600}>\n        <Typography>Contenu enfant</Typography>\n      </Box>\n    </DocumentViewer>\n  </Box>\n);";
+export const WithChildren = () => "export const WithChildren = () => (\n  <Box height={600}>\n    <DocumentViewer\n      title=\"Document PDF\"\n      type=\"pdf\"\n      source=\"https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf\"\n      height=\"100%\"\n    >\n      <Box p={'2W'}>\n        <Typography>Contenu enfant</Typography>\n      </Box>\n    </DocumentViewer>\n  </Box>\n);";
 export const storySources = {
     DocumentImageEx,
     DocumentPdf,

package/dist/ui/DocumentViewer/DocumentViewer.styles.d.ts

@@ -93,6 +93,7 @@ export declare const useStyles: () => {
         maxWidth: string;
         minWidth: number;
         flexShrink: number;
+        position: "relative";
         borderColor: string;
         borderWidth: number;
         borderStyle: "solid";

package/dist/ui/DocumentViewer/DocumentViewer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.styles.ts"],"names":[],"mappings":"AAoKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKnB,CAAC"}
+{"version":3,"file":"DocumentViewer.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.styles.ts"],"names":[],"mappings":"AAuKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKnB,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewer.styles.js

@@ -69,6 +69,9 @@ const cadre = ({ color, spacing, radius, isVariant }) => ({
         maxWidth: isVariant('tablet') ? '60%' : '40%',
         minWidth: 0,
         flexShrink: 1,
+        // Positionne, le panneau rendu apres la barre d'outils la recouvre quand elle deborde,
+        // comme en Tamagui v1 qui posait `position: relative` sur chaque vue.
+        position: 'relative',
         borderColor: color.light.border['default-grey'],
         borderWidth: 1,
         borderStyle: 'solid',

package/dist/ui/DocumentViewer/DocumentViewerImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewerImage.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAIhE,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,sBA6ClE,CAAC"}
+{"version":3,"file":"DocumentViewerImage.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAIhE,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,sBA6ClE,CAAC"}

package/dist/ui/DocumentViewer/pointeurWeb.d.ts

@@ -1,10 +1,20 @@
-import type { PointerEvent } from 'react-native';
 /**
- * La position du pointeur et le cadre qu'il survole, lus sur un evenement RN. Sur le web,
+ * Ce que `lirePointeurWeb` lit d'un evenement de pointeur : le plus petit type commun a
+ * l'evenement RN (Tamagui v1) et a l'evenement React DOM (Tamagui v2).
+ */
+export type EvenementPointeur = {
+    currentTarget: unknown;
+    nativeEvent: {
+        clientX: number;
+        clientY: number;
+    };
+};
+/**
+ * La position du pointeur et le cadre qu'il survole, lus sur un evenement RN ou DOM. Sur le web,
  * react-native-web transmet l'evenement du DOM : `nativeEvent` porte les coordonnees et
  * `currentTarget` est l'element survole. Hors du DOM, il n'y a pas de cadre a mesurer.
  */
-export declare const lirePointeurWeb: (event: PointerEvent) => {
+export declare const lirePointeurWeb: (event: EvenementPointeur) => {
     clientX: number;
     clientY: number;
     rect: DOMRect;

package/dist/ui/DocumentViewer/pointeurWeb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pointeurWeb.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/pointeurWeb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY;;;;aAMlD,CAAC"}
+{"version":3,"file":"pointeurWeb.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/pointeurWeb.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,iBAAiB;;;;aAMvD,CAAC"}

package/dist/ui/DocumentViewer/pointeurWeb.js

@@ -1,5 +1,5 @@
 /**
- * La position du pointeur et le cadre qu'il survole, lus sur un evenement RN. Sur le web,
+ * La position du pointeur et le cadre qu'il survole, lus sur un evenement RN ou DOM. Sur le web,
  * react-native-web transmet l'evenement du DOM : `nativeEvent` porte les coordonnees et
  * `currentTarget` est l'element survole. Hors du DOM, il n'y a pas de cadre a mesurer.
  */

package/dist/ui/DocumentViewer/useSurvolAvecZoom.d.ts

@@ -1,4 +1,4 @@
-import type { PointerEvent } from 'react-native';
+import { type EvenementPointeur } from './pointeurWeb';
 /**
  * Le zoom qui suit le pointeur au survol : la page grossit autour du point survole, comme une
  * loupe. L'origine de l'agrandissement est la position du pointeur en pourcentage du cadre,
@@ -10,6 +10,6 @@ export declare const useSurvolAvecZoom: () => {
     echelle: number;
     onEntree: () => void;
     onSortie: () => void;
-    onDeplacement: (event: PointerEvent) => void;
+    onDeplacement: (event: EvenementPointeur) => void;
 };
 //# sourceMappingURL=useSurvolAvecZoom.d.ts.map

package/dist/ui/DocumentViewer/useSurvolAvecZoom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSurvolAvecZoom.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/useSurvolAvecZoom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;2BAIoB,YAAY;CAgB7D,CAAC"}
+{"version":3,"file":"useSurvolAvecZoom.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/useSurvolAvecZoom.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAmB,MAAM,eAAe,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;2BAIoB,iBAAiB;CAgBlE,CAAC"}

package/dist/ui/FilterDate/FilterDate.d.ts

@@ -4,7 +4,7 @@ export type FilterDateValue = {
     years: number[];
     months: number[];
 };
-export type FilterDateProps = BoxProps & {
+export type FilterDateProps = Omit<BoxProps, 'onChange'> & {
     title: string;
     local?: 'fr' | 'en';
     /** Année de départ */

package/dist/ui/FilterDate/FilterDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDate.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterDate/FilterDate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO/C,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,sBAAsB;IACtB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,mBAAmB;IACnB,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACrB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AAgBF,eAAO,MAAM,qBAAqB,GAChC,QAAQ,eAAe,EACvB,MAAM,eAAe,CAAC,MAAM,CAAC,EAC7B,IAAI,eAAe,CAAC,IAAI,CAAC,KACxB,GAAG,MAAM,IAAI,MAAM,EAAE,EAevB,CAAC;AAuIF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBA+ChD,CAAC"}
+{"version":3,"file":"FilterDate.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterDate/FilterDate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO/C,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,sBAAsB;IACtB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,mBAAmB;IACnB,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACrB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AAgBF,eAAO,MAAM,qBAAqB,GAChC,QAAQ,eAAe,EACvB,MAAM,eAAe,CAAC,MAAM,CAAC,EAC7B,IAAI,eAAe,CAAC,IAAI,CAAC,KACxB,GAAG,MAAM,IAAI,MAAM,EAAE,EAevB,CAAC;AAuIF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBA+ChD,CAAC"}

package/dist/ui/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,kCAAwC,WAAW,sBAwBzE,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,kCAAwC,WAAW,sBA4BzE,CAAC"}

package/dist/ui/Header/Header.js

@@ -6,5 +6,5 @@ import { useStyles } from './Header.styles';
 export const Header = ({ logo, title, right, homeHref = '/' }) => {
     const styles = useStyles();
     const identity = (_jsxs(Box, { style: styles.identity, children: [logo, _jsx(Typography, { style: styles.titleText, children: title })] }));
-    return (_jsx(Box, { tag: "header", style: styles.container, children: _jsxs(Box, { style: styles.inner, children: [homeHref != null ? (_jsx(A, { href: homeHref, style: styles.identityLink, hoverStyle: styles.identityLinkHover, children: identity })) : (identity), right != null && _jsx(Box, { style: styles.right, children: right })] }) }));
+    return (_jsx(Box, { tag: "header", style: styles.container, children: _jsxs(Box, { style: styles.inner, children: [homeHref != null ? (_jsx(A, { href: homeHref, style: styles.identityLink, backgroundColor: { hover: styles.identityLinkHover.backgroundColor }, children: identity })) : (identity), right != null && _jsx(Box, { style: styles.right, children: right })] }) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/ui/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAqC,MAAM,cAAc,CAAC;AAKzE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,IAAI,GAAI,4BAA4B,SAAS,gCAkCzD,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/ui/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAqC,MAAM,cAAc,CAAC;AAMzE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,IAAI,GAAI,4BAA4B,SAAS,gCAkCzD,CAAC"}

package/dist/ui/Link/Link.js

@@ -2,6 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { linkProps } from '@alveole/theme';
 import { Link as ExpoLink } from 'expo-router';
 import { ouvertureDuLien, useCanAccessHref } from '../../core/A';
+import { soulignementDuLien } from '../../core/styleTamagui/soulignement';
 import { Typography } from '../../core/Typography';
 import { LucideIcon } from '../LucideIcon';
 import { useStyles } from './Link.styles';
@@ -11,7 +12,7 @@ export const Link = ({ href, target, children }) => {
     const { navigateurIntegre, nouvelOnglet, propsDuPressable, annonce } = ouvertureDuLien(href, target);
     if (!canAccess(href))
         return _jsx(_Fragment, { children: children });
-    const lien = (_jsxs(Typography, { tag: "a", accessibilityRole: "link", style: styles.link, hoverStyle: styles.linkHover, ...propsDuPressable, ...linkProps(), children: [children, nouvelOnglet && (_jsxs(_Fragment, { children: [' ', _jsx(LucideIcon, { name: "ExternalLink", size: "xs", color: styles.link.color, style: styles.icone })] })), annonce] }));
+    const lien = (_jsxs(Typography, { tag: "a", accessibilityRole: "link", style: styles.link, textDecorationLine: soulignementDuLien, ...propsDuPressable, ...linkProps(), children: [children, nouvelOnglet && (_jsxs(_Fragment, { children: [' ', _jsx(LucideIcon, { name: "ExternalLink", size: "xs", color: styles.link.color, style: styles.icone })] })), annonce] }));
     if (navigateurIntegre)
         return lien;
     return (_jsx(ExpoLink, { href: href, asChild: true, children: lien }));

package/dist/ui/Link/Link.stories.d.ts

@@ -8,10 +8,6 @@ declare const _default: {
     styleFn: () => {
         link: {
             color: string;
-            textDecoration: string;
-        };
-        linkHover: {
-            textDecoration: string;
         };
         icone: {
             verticalAlign: string;

package/dist/ui/Link/Link.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Link/Link.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,wBAckB;AAElB,eAAO,MAAM,OAAO,mCAA+D,CAAC;AAEpF,eAAO,MAAM,aAAa,mCAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAIvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Link/Link.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAKA,wBAckB;AAElB,eAAO,MAAM,OAAO,mCAA+D,CAAC;AAEpF,eAAO,MAAM,aAAa,mCAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAIvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

package/dist/ui/Link/Link.styles.d.ts

@@ -1,10 +1,6 @@
 export declare const useStyles: () => {
     link: {
         color: string;
-        textDecoration: string;
-    };
-    linkHover: {
-        textDecoration: string;
     };
     icone: {
         verticalAlign: string;

package/dist/ui/Link/Link.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Link/Link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;CAWnB,CAAC"}
+{"version":3,"file":"Link.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Link/Link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAOnB,CAAC"}

package/dist/ui/Link/Link.styles.js

@@ -2,10 +2,6 @@ import { makeStyles } from '@alveole/theme';
 export const useStyles = makeStyles(({ color }) => ({
     link: {
         color: color.light.text['action-high-info'],
-        textDecoration: 'underline',
-    },
-    linkHover: {
-        textDecoration: 'none',
     },
     icone: {
         verticalAlign: 'middle',

package/dist/ui/ListItem/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,cAAc,kBAAkB,CAAC;AAEjC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,sBAiE5C,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,cAAc,kBAAkB,CAAC;AAIjC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,sBAkE5C,CAAC"}

package/dist/ui/ListItem/ListItem.js

@@ -15,5 +15,6 @@ export const ListItem = (props) => {
         onPress?.(event);
     }, [RadioProps, onPress]);
     const styles = useStyles();
-    return (_jsxs(Box, { style: styles.container, children: [_jsxs(Box, { tag: "resource-item", style: [styles.item, style], hoverStyle: onPress || RadioProps ? styles.itemHover : {}, onPress: handlePress, ...itemProps, children: [_jsx(ListItemVisuel, { title: title, preview_url: preview_url, RadioProps: RadioProps, IconProps: IconProps, AvatarProps: AvatarProps }), _jsxs(Box, { style: styles.detail, children: [showSeparateur && _jsx(Box, { style: styles.separateur }), _jsxs(Box, { style: styles.principal, children: [_jsx(Typography, { style: styles.title, children: title }), description && _jsx(Typography, { style: styles.description, children: description })] }), trailing && trailing()] }), loading && (_jsx(Box, { style: styles.loading, children: _jsx(Spinner, { size: "sm" }) }))] }), children] }));
+    const cliquable = onPress != null || RadioProps != null;
+    return (_jsxs(Box, { style: styles.container, children: [_jsxs(Box, { tag: "resource-item", style: [styles.item, cliquable && styles.itemPressable, style], backgroundColor: cliquable ? { hover: styles.itemHover.backgroundColor } : undefined, onPress: handlePress, ...itemProps, children: [_jsx(ListItemVisuel, { title: title, preview_url: preview_url, RadioProps: RadioProps, IconProps: IconProps, AvatarProps: AvatarProps }), _jsxs(Box, { style: styles.detail, children: [showSeparateur && _jsx(Box, { style: styles.separateur }), _jsxs(Box, { style: styles.principal, children: [_jsx(Typography, { style: styles.title, children: title }), description && _jsx(Typography, { style: styles.description, children: description })] }), trailing && trailing()] }), loading && (_jsx(Box, { style: styles.loading, children: _jsx(Spinner, { size: "sm" }) }))] }), children] }));
 };

package/dist/ui/ListItem/ListItem.stories.d.ts

@@ -75,11 +75,13 @@ declare const _default: {
             gap: string | number;
             alignSelf: "stretch";
         };
-        itemHover: {
-            backgroundColor: string;
+        itemPressable: {
             borderRadius: import("@alveole/theme").Radius;
             cursor: "pointer";
         };
+        itemHover: {
+            backgroundColor: string;
+        };
         loading: {
             display: "flex";
             alignItems: "center";

package/dist/ui/ListItem/ListItem.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAgBxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAgBxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

package/dist/ui/ListItem/ListItem.styles.d.ts

@@ -67,11 +67,13 @@ export declare const useStyles: () => {
         gap: string | number;
         alignSelf: "stretch";
     };
-    itemHover: {
-        backgroundColor: string;
+    itemPressable: {
         borderRadius: import("@alveole/theme").Radius;
         cursor: "pointer";
     };
+    itemHover: {
+        backgroundColor: string;
+    };
     loading: {
         display: "flex";
         alignItems: "center";

package/dist/ui/ListItem/ListItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.styles.ts"],"names":[],"mappings":"AA6GA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiF,CAAC"}
+{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.styles.ts"],"names":[],"mappings":"AAiHA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiF,CAAC"}

package/dist/ui/ListItem/ListItem.styles.js

@@ -15,11 +15,15 @@ const ligne = ({ color, radius, spacing }) => ({
         gap: spacing('3V'),
         alignSelf: 'stretch',
     },
-    itemHover: {
-        backgroundColor: color.alpha(color.light.background['alt-grey'], 0.75),
+    // Rayon et curseur au repos : sans fond, le rayon ne se voit qu'au survol, que porte la
+    // seule prop `backgroundColor` (clause de Tamagui v3).
+    itemPressable: {
         borderRadius: radius('md'),
         cursor: 'pointer',
     },
+    itemHover: {
+        backgroundColor: color.alpha(color.light.background['alt-grey'], 0.75),
+    },
     loading: {
         display: 'flex',
         alignItems: 'center',