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

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

@@ -75,7 +75,6 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             alignItems: "stretch";
-            backgroundColor: string;
             borderBottomWidth: number;
             borderBottomColor: string;
         };
@@ -91,6 +90,9 @@ declare const _default: {
         rowHoverable: {
             cursor: "pointer";
         };
+        rowBackground: {
+            backgroundColor: string;
+        };
         rowHover: {
             backgroundColor: string;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwB1B,wBAkBkB;AAElB,eAAO,MAAM,OAAO,yBAA+F,CAAC;AAEpH,eAAO,MAAM,aAAa,yBAEzB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAejB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAsBvB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAmC3B,CAAC;AAEF,eAAO,MAAM,aAAa,yBAEzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,yBAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,yBAe1B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,yBA4B5B,CAAC;AAEF,eAAO,MAAM,KAAK,yBAajB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwB1B,wBAkBkB;AAElB,eAAO,MAAM,OAAO,yBAA+F,CAAC;AAEpH,eAAO,MAAM,aAAa,yBAEzB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAejB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAsBvB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAmC3B,CAAC;AAEF,eAAO,MAAM,aAAa,yBAEzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,yBAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,yBAe1B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,yBA4B5B,CAAC;AAEF,eAAO,MAAM,KAAK,yBAajB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}

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

@@ -66,7 +66,6 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         alignItems: "stretch";
-        backgroundColor: string;
         borderBottomWidth: number;
         borderBottomColor: string;
     };
@@ -82,6 +81,9 @@ export declare const useStyles: () => {
     rowHoverable: {
         cursor: "pointer";
     };
+    rowBackground: {
+        backgroundColor: string;
+    };
     rowHover: {
         backgroundColor: string;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/DataTable.styles.ts"],"names":[],"mappings":"AA+LA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMnB,CAAC"}
+{"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/DataTable.styles.ts"],"names":[],"mappings":"AAmMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMnB,CAAC"}

package/dist/ui/DataTable/DataTable.styles.js

@@ -81,7 +81,6 @@ const ligne = ({ color }) => ({
         display: 'flex',
         flexDirection: 'row',
         alignItems: 'stretch',
-        backgroundColor: color.light.background['default-grey'],
         borderBottomWidth: 1,
         borderBottomColor: color.light.border['default-grey'],
     },
@@ -97,6 +96,11 @@ const ligne = ({ color }) => ({
     rowHoverable: {
         cursor: 'pointer',
     },
+    // Le fond vit hors de `row` : repos et survol passent par la seule prop `backgroundColor`
+    // (ADR 0031).
+    rowBackground: {
+        backgroundColor: color.light.background['default-grey'],
+    },
     rowHover: {
         backgroundColor: color.light.background['alt-grey'],
     },

package/dist/ui/DataTable/DataTableCell.js

@@ -6,5 +6,5 @@ export const DataTableCell = (props) => {
     const { align = 'start', width, children, variant = 'body', size = 'sm', onPress, noPadding = false } = props;
     const styles = useStyles();
     const aspect = dataTableCellStyle(styles, { variant, size, align, width, noPadding, pressable: onPress != null });
-    return (_jsx(Box, { tag: aspect.tag, onPress: onPress, hoverStyle: aspect.hover, style: aspect.style, children: children }));
+    return (_jsx(Box, { tag: aspect.tag, onPress: onPress, opacity: aspect.opacite, style: aspect.style, children: children }));
 };

package/dist/ui/DataTable/DataTableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableRow.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/DataTableRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,MAAM,iBAAiB,CAAC,GAAG,IAAI;IACnC,GAAG,EAAE,GAAG,CAAC;IACT,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,6IAA6I;IAC7I,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAcF,eAAO,MAAM,YAAY,GAAI,GAAG,EAAG,OAAO,iBAAiB,CAAC,GAAG,CAAC,gCAoD/D,CAAC"}
+{"version":3,"file":"DataTableRow.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/DataTableRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,MAAM,iBAAiB,CAAC,GAAG,IAAI;IACnC,GAAG,EAAE,GAAG,CAAC;IACT,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,6IAA6I;IAC7I,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAcF,eAAO,MAAM,YAAY,GAAI,GAAG,EAAG,OAAO,iBAAiB,CAAC,GAAG,CAAC,gCAsD/D,CAAC"}

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.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TextInputProps } from '../FormControl';
 type MinuteInterval = 1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30;
-export type DateInputProps = Omit<TextInputProps, 'type'> & {
+export type DateInputProps = Omit<TextInputProps, 'type' | 'onChange'> & {
     type?: 'date' | 'datetime' | 'month';
     display?: 'default' | 'spinner';
     value?: string;
@@ -11,7 +11,7 @@ export type DateInputProps = Omit<TextInputProps, 'type'> & {
     is24Hour?: boolean;
     minuteInterval?: MinuteInterval;
 };
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "type"> & {
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "onChange" | "type"> & {
     type?: "date" | "datetime" | "month";
     display?: "default" | "spinner";
     value?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAA+B,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE7E,KAAK,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AA+EF,eAAO,MAAM,SAAS;WAvFb,MAAM,GAAG,UAAU,GAAG,OAAO;cAC1B,SAAS,GAAG,SAAS;YACvB,MAAM;kBACA,IAAI;kBACJ,IAAI;eACP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,OAAO;qBACD,cAAc;0DAkI/B,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAA+B,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE7E,KAAK,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AA+EF,eAAO,MAAM,SAAS;WAvFb,MAAM,GAAG,UAAU,GAAG,OAAO;cAC1B,SAAS,GAAG,SAAS;YACvB,MAAM;kBACA,IAAI;kBACJ,IAAI;eACP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,OAAO;qBACD,cAAc;0DAkI/B,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "type"> & {
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "onChange" | "type"> & {
     type?: "date" | "datetime" | "month";
     display?: "default" | "spinner";
     value?: string;
@@ -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

@@ -4,7 +4,7 @@ declare const _default: {
     tags: "ui"[];
     experimental: true;
     description: string;
-    component: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "type"> & {
+    component: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "onChange" | "type"> & {
         type?: "date" | "datetime" | "month";
         display?: "default" | "spinner";
         value?: string;
@@ -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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "type"> & {
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "onChange" | "type"> & {
     type?: "date" | "datetime" | "month";
     display?: "default" | "spinner";
     value?: string;
@@ -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/EmptyState/EmptyState.stories.d.ts

@@ -17,7 +17,6 @@ declare const _default: {
             paddingLeft: string | number;
             paddingRight: string | number;
             textAlign: "center";
-            height: "100%" | undefined;
             width: "100%";
         };
         contenu: {
@@ -25,7 +24,7 @@ declare const _default: {
             gap: string | number;
             alignItems: "center";
             textAlign: "center";
-            flex: number | undefined;
+            flexGrow: number | undefined;
             justifyContent: "center";
             width: "100%";
         };

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAcvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAO9B,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAcvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAO9B,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/EmptyState/EmptyState.stories.js

@@ -24,6 +24,6 @@ export const WithCustomChildren = () => {
     return (_jsxs(EmptyState, { iconName: "File", description: 'Vous n’avez aucun item', children: [_jsx(Button, { title: 'Button', variant: 'primary', fullWidth: true }), _jsx(Button, { title: 'Secondary action', variant: 'tertiary' })] }));
 };
 export const WithFixHeight = () => {
-    return (_jsxs(EmptyState, { iconName: "File", description: 'Vous n’avez aucun item', style: { height: '600px' }, children: [_jsx(Button, { title: 'Button', variant: 'primary' }), _jsx(Button, { title: 'Secondary action', variant: 'tertiary' })] }));
+    return (_jsxs(EmptyState, { iconName: "File", description: 'Vous n’avez aucun item', style: { height: 600 }, children: [_jsx(Button, { title: 'Button', variant: 'primary' }), _jsx(Button, { title: 'Secondary action', variant: 'tertiary' })] }));
 };
 export * as Sources from './EmptyState.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuO,CAAC;AAE5P,eAAO,MAAM,QAAQ,cAA6N,CAAC;AAEnP,eAAO,MAAM,WAAW,cAAoc,CAAC;AAE7d,eAAO,MAAM,kBAAkB,cAA2S,CAAC;AAE3U,eAAO,MAAM,aAAa,cAAwT,CAAC;AAEnV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"EmptyState.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuO,CAAC;AAE5P,eAAO,MAAM,QAAQ,cAA6N,CAAC;AAEnP,eAAO,MAAM,WAAW,cAAoc,CAAC;AAE7d,eAAO,MAAM,kBAAkB,cAA2S,CAAC;AAE3U,eAAO,MAAM,aAAa,cAAoT,CAAC;AAE/U,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -4,7 +4,7 @@ export const Default = () => "export const Default = () => {\n  return (\n    <E
 export const WithIcon = () => "export const WithIcon = () => {\n  return (\n    <EmptyState\n      iconName=\"ClipboardList\"\n      title=\"Aucune donnée\"\n      description=\"Ajoutez un élément pour remplir ce tableau.\"\n    />\n  );\n};";
 export const WithActions = () => "export const WithActions = () => {\n  return (\n    <EmptyState\n      iconName=\"FilePlus\"\n      title=\"Vous n’avez aucun document\"\n      description=\"Créez un premier document ou importez-en un depuis votre ordinateur.\"\n      actions={\n        <>\n          <Button title=\"Créer un document\" variant=\"primary\" />\n          <Button title=\"Importer un fichier\" variant=\"secondary\" />\n        </>\n      }\n    />\n  );\n};";
 export const WithCustomChildren = () => "export const WithCustomChildren = () => {\n  return (\n    <EmptyState iconName=\"File\" description={'Vous n’avez aucun item'}>\n      <Button title={'Button'} variant={'primary'} fullWidth />\n      <Button title={'Secondary action'} variant={'tertiary'} />\n    </EmptyState>\n  );\n};";
-export const WithFixHeight = () => "export const WithFixHeight = () => {\n  return (\n    <EmptyState iconName=\"File\" description={'Vous n’avez aucun item'} style={{ height: '600px' }}>\n      <Button title={'Button'} variant={'primary'} />\n      <Button title={'Secondary action'} variant={'tertiary'} />\n    </EmptyState>\n  );\n};";
+export const WithFixHeight = () => "export const WithFixHeight = () => {\n  return (\n    <EmptyState iconName=\"File\" description={'Vous n’avez aucun item'} style={{ height: 600 }}>\n      <Button title={'Button'} variant={'primary'} />\n      <Button title={'Secondary action'} variant={'tertiary'} />\n    </EmptyState>\n  );\n};";
 export const storySources = {
     Default,
     WithIcon,

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

@@ -10,7 +10,6 @@ export declare const useStyles: () => {
         paddingLeft: string | number;
         paddingRight: string | number;
         textAlign: "center";
-        height: "100%" | undefined;
         width: "100%";
     };
     contenu: {
@@ -18,7 +17,7 @@ export declare const useStyles: () => {
         gap: string | number;
         alignItems: "center";
         textAlign: "center";
-        flex: number | undefined;
+        flexGrow: number | undefined;
         justifyContent: "center";
         width: "100%";
     };

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

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

package/dist/ui/EmptyState/EmptyState.styles.js

@@ -13,7 +13,6 @@ export const useStyles = makeStyles(({ externalPadding, text, color, spacing, ra
             paddingLeft: paddingValue,
             paddingRight: paddingValue,
             textAlign: 'center',
-            height: isVariant('mobile') ? '100%' : undefined,
             width: '100%',
         },
         contenu: {
@@ -21,7 +20,9 @@ export const useStyles = makeStyles(({ externalPadding, text, color, spacing, ra
             gap: spacing('2W'),
             alignItems: 'center',
             textAlign: 'center',
-            flex: isVariant('mobile') ? 1 : undefined,
+            // Grandir seulement si le parent impose une hauteur : une base nulle ou une
+            // hauteur à 100 % déforme les exemples et les pages défilantes.
+            flexGrow: isVariant('mobile') ? 1 : undefined,
             justifyContent: 'center',
             width: '100%',
         },

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/FormControl/FormControl.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,wBAOkB;AAElB,eAAO,MAAM,aAAa,mCAQzB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAQvB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAKhB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAejB,CAAC;AAEF,eAAO,MAAM,SAAS,mCA0BrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"FormControl.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,wBAOkB;AAElB,eAAO,MAAM,aAAa,mCAQzB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAQvB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAKhB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAejB,CAAC;AAEF,eAAO,MAAM,SAAS,mCA0BrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

package/dist/ui/FormControl/FormControl.stories.js

@@ -3,11 +3,12 @@ import { useState } from 'react';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { Button } from '../Button';
+import { DateInput as DateInputControl } from '../DateInput';
 import { InputHeading } from '../InputHeading';
+import { TimeInput } from '../TimeInput';
 import { FormControl } from './FormControl';
 import { useStyles } from './FormControl.styles';
 import { FormControlCaption } from './FormControlCaption';
-import { FormControlDateInput } from './FormControlDateInput';
 import { FormControlHint } from './FormControlHint';
 import { FormControlLabel } from './FormControlLabel';
 import { FormControlModal } from './FormControlModal';
@@ -34,6 +35,6 @@ export const DateInput = () => {
     const [date, setDate] = useState('');
     const [time, setTime] = useState('');
     const [month, setMonth] = useState('');
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Date" }) }), _jsx(FormControlDateInput, { type: "date", value: date, onChange: setDate })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Heure" }) }), _jsx(FormControlDateInput, { type: "time", value: time, onChange: setTime })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Mois" }) }), _jsx(FormControlDateInput, { type: "month", value: month, onChange: setMonth })] })] }));
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Date" }) }), _jsx(DateInputControl, { type: "date", value: date, onChange: setDate })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Heure" }) }), _jsx(TimeInput, { value: time, onChange: setTime })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Mois" }) }), _jsx(DateInputControl, { type: "month", value: month, onChange: setMonth })] })] }));
 };
 export * as Sources from './FormControl.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,cAAoS,CAAC;AAE/T,eAAO,MAAM,SAAS,cAAwR,CAAC;AAE/S,eAAO,MAAM,WAAW,cAAyR,CAAC;AAElT,eAAO,MAAM,KAAK,cAA4T,CAAC;AAE/U,eAAO,MAAM,OAAO,cAA8N,CAAC;AAEnP,eAAO,MAAM,IAAI,cAAuO,CAAC;AAEzP,eAAO,MAAM,KAAK,cAA2f,CAAC;AAE9gB,eAAO,MAAM,SAAS,cAA65B,CAAC;AAEp7B,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"FormControl.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,cAAoS,CAAC;AAE/T,eAAO,MAAM,SAAS,cAAwR,CAAC;AAE/S,eAAO,MAAM,WAAW,cAAyR,CAAC;AAElT,eAAO,MAAM,KAAK,cAA4T,CAAC;AAE/U,eAAO,MAAM,OAAO,cAA8N,CAAC;AAEnP,eAAO,MAAM,IAAI,cAAuO,CAAC;AAEzP,eAAO,MAAM,KAAK,cAA2f,CAAC;AAE9gB,eAAO,MAAM,SAAS,cAA43B,CAAC;AAEn5B,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -7,7 +7,7 @@ export const Label = () => "export const Label = () => (\n  <Box display=\"flex\
 export const Caption = () => "export const Caption = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <FormControlCaption error=\"Champ requis\" />\n    <FormControlCaption success=\"Valeur correcte\" />\n  </Box>\n);";
 export const Hint = () => "export const Hint = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <FormControlHint hint=\"Texte descriptif du champ\" />\n    <FormControlHint hint=\"Texte desactive\" disabled />\n  </Box>\n);";
 export const Modal = () => "export const Modal = () => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Box>\n      <Button variant=\"secondary\" title=\"Ouvrir la modale\" onPress={() => setOpen(true)} />\n      <FormControlModal\n        open={open}\n        onClose={() => setOpen(false)}\n        submitLabel=\"Valider\"\n        onSubmit={() => setOpen(false)}\n      >\n        <TextInput placeholder=\"Saisir un texte...\" multiline numberOfLines={6} />\n      </FormControlModal>\n    </Box>\n  );\n};";
-export const DateInput = () => "export const DateInput = () => {\n  const [date, setDate] = useState('');\n  const [time, setTime] = useState('');\n  const [month, setMonth] = useState('');\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n      <FormControl>\n        <InputHeading>\n          <FormControlLabel label=\"Date\" />\n        </InputHeading>\n        <FormControlDateInput type=\"date\" value={date} onChange={setDate} />\n      </FormControl>\n      <FormControl>\n        <InputHeading>\n          <FormControlLabel label=\"Heure\" />\n        </InputHeading>\n        <FormControlDateInput type=\"time\" value={time} onChange={setTime} />\n      </FormControl>\n      <FormControl>\n        <InputHeading>\n          <FormControlLabel label=\"Mois\" />\n        </InputHeading>\n        <FormControlDateInput type=\"month\" value={month} onChange={setMonth} />\n      </FormControl>\n    </Box>\n  );\n};";
+export const DateInput = () => "export const DateInput = () => {\n  const [date, setDate] = useState('');\n  const [time, setTime] = useState('');\n  const [month, setMonth] = useState('');\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n      <FormControl>\n        <InputHeading>\n          <FormControlLabel label=\"Date\" />\n        </InputHeading>\n        <DateInputControl type=\"date\" value={date} onChange={setDate} />\n      </FormControl>\n      <FormControl>\n        <InputHeading>\n          <FormControlLabel label=\"Heure\" />\n        </InputHeading>\n        <TimeInput value={time} onChange={setTime} />\n      </FormControl>\n      <FormControl>\n        <InputHeading>\n          <FormControlLabel label=\"Mois\" />\n        </InputHeading>\n        <DateInputControl type=\"month\" value={month} onChange={setMonth} />\n      </FormControl>\n    </Box>\n  );\n};";
 export const storySources = {
     WithTextInput,
     WithError,

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/Header/Header.stories.d.ts

@@ -8,40 +8,13 @@ declare const _default: {
     component: ({ logo, title, right, homeHref }: import("./Header").HeaderProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {
-            position: "sticky";
-            top: number;
-            zIndex: number;
-            width: "100%";
-            backgroundColor: string;
-        } | {
-            position: "sticky";
-            top: number;
-            zIndex: number;
-            width: "100%";
-            shadowColor: string;
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-            backgroundColor: string;
-        } | {
-            position: "sticky";
-            top: number;
-            zIndex: number;
-            width: "100%";
-            boxShadow: string;
             backgroundColor: string;
-        } | {
-            position: "sticky";
+            borderBottomWidth: number;
+            borderBottomColor: string;
+            position: "relative" | "sticky";
             top: number;
             zIndex: number;
             width: "100%";
-            borderBottomWidth: number;
-            borderBottomColor: string;
-            backgroundColor: string;
         };
         inner: {
             display: "flex";

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

@@ -1 +1 @@
-{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAUkB;AAqBlB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAUkB;AAqBlB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}