@alveole/components 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/ui/DateRangeInput/plage.js

@@ -0,0 +1,55 @@
+import { format } from 'date-fns/format';
+import { enUS } from 'date-fns/locale/en-US';
+import { fr } from 'date-fns/locale/fr';
+/** Les douze mois dans la langue du calendrier, la valeur étant le numéro de mois JavaScript (0 à 11). */
+export const optionsDesMois = (locale) => Array.from({ length: 12 }, (_, numero) => {
+    const nom = format(new Date(2026, numero, 1), 'MMMM', { locale });
+    return { value: String(numero), label: nom.charAt(0).toUpperCase() + nom.slice(1) };
+});
+// shortcut: fenêtre glissante de dix ans de part et d'autre, à ouvrir en props si un usage demande des bornes.
+export const optionsDesAnnees = (annee) => Array.from({ length: 21 }, (_, i) => ({ value: String(annee - 10 + i), label: String(annee - 10 + i) }));
+/** Les jours du mois, précédés d'une case vide par jour de semaine avant le 1er (semaine du lundi). */
+export const joursDuMois = (annee, mois) => {
+    const decalage = (new Date(annee, mois, 1).getDay() + 6) % 7;
+    const nombre = new Date(annee, mois + 1, 0).getDate();
+    return [...Array(decalage).fill(null), ...Array.from({ length: nombre }, (_, i) => i + 1)];
+};
+export const choisirJour = (plage, jour) => {
+    if (!plage.debut || plage.fin)
+        return { debut: jour };
+    return jour < plage.debut ? { debut: jour, fin: plage.debut } : { debut: plage.debut, fin: jour };
+};
+const memeJour = (a, b) => !!a && !!b && a.toDateString() === b.toDateString();
+/** Place d'une case du calendrier dans la plage : la pastille s'arrondit aux bornes et aux bords de semaine. */
+export const formeDuJour = (jour, colonne, plage) => {
+    const fin = plage.fin ?? plage.debut;
+    const dansPlage = !!plage.debut && !!fin && jour >= plage.debut && jour <= fin;
+    return {
+        dansPlage,
+        debut: dansPlage && (memeJour(jour, plage.debut) || colonne === 0),
+        fin: dansPlage && (memeJour(jour, fin) || colonne === 6),
+    };
+};
+/** Le jour choisi au calendrier, à l'heure saisie `HH:MM`, lue en UTC ou en heure locale. */
+export const composerDate = (jour, heure, utc) => {
+    const [h = 0, m = 0] = heure.split(':').map(Number);
+    return utc
+        ? new Date(Date.UTC(jour.getFullYear(), jour.getMonth(), jour.getDate(), h, m))
+        : new Date(jour.getFullYear(), jour.getMonth(), jour.getDate(), h, m);
+};
+const estDureeRelative = (texte) => /^[1-9]\d*[hdw]$/.test(texte);
+export const dureeRelative = (saisie) => {
+    const duree = saisie.trim().toLowerCase();
+    return estDureeRelative(duree) ? duree : undefined;
+};
+// date-fns formate en heure locale : on recopie les champs UTC dans une date locale.
+const enUTC = (date) => new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes());
+const formatDate = (date, utc, local) => {
+    const texte = local === 'en'
+        ? format(utc ? enUTC(date) : date, 'MMM d, h:mm a', { locale: enUS })
+        : format(utc ? enUTC(date) : date, 'd MMM HH:mm', { locale: fr });
+    return utc ? `${texte} UTC` : texte;
+};
+export const libelleDePlage = (plage, local = 'fr') => plage.type === 'relative'
+    ? plage.duree.toUpperCase()
+    : `${formatDate(plage.debut, plage.utc, local)}–${formatDate(plage.fin, plage.utc, local)}`;

package/dist/ui/FilterTimeRange/FilterTimeRange.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FilterTimeRangeProps } from './FilterTimeRange.shared';
+export type { FilterTimeRangeProps } from './FilterTimeRange.shared';
+/** Sur mobile, le choix s'ouvre en BottomSheet plutôt qu'en Popover, comme Select et FilterDate. */
+export declare const FilterTimeRange: (props: FilterTimeRangeProps) => React.JSX.Element;
+//# sourceMappingURL=FilterTimeRange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTimeRange.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterTimeRange/FilterTimeRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAsB,MAAM,0BAA0B,CAAC;AAEpF,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE,oGAAoG;AACpG,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAW1D,CAAC"}

package/dist/ui/FilterTimeRange/FilterTimeRange.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { BottomSheet } from '../BottomSheet';
+import { useFilterTimeRange } from './FilterTimeRange.shared';
+/** Sur mobile, le choix s'ouvre en BottomSheet plutôt qu'en Popover, comme Select et FilterDate. */
+export const FilterTimeRange = (props) => {
+    const { open, changerOuverture, declencheur, contenu } = useFilterTimeRange(props);
+    return (_jsxs(React.Fragment, { children: [declencheur, _jsx(BottomSheet, { fitContent: true, title: props.title, open: open, setOpen: changerOuverture, children: contenu() })] }));
+};

package/dist/ui/FilterTimeRange/FilterTimeRange.shared.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PlageDeTemps } from '../DateRangeInput';
+export type FilterTimeRangeProps = {
+    title: string;
+    local?: 'fr' | 'en';
+    value?: PlageDeTemps;
+    onChange: (plage: PlageDeTemps) => void;
+};
+type ListeDesPlagesProps = Pick<FilterTimeRangeProps, 'value'> & {
+    /** Absent dans un BottomSheet, qui porte déjà le titre. */
+    title?: string;
+    local: 'fr' | 'en';
+    onChoisir: (plage: PlageDeTemps) => void;
+    onAbsolue: () => void;
+};
+export declare const ListeDesPlages: ({ title, local, value, onChoisir, onAbsolue }: ListeDesPlagesProps) => React.JSX.Element;
+export declare const useFilterTimeRange: ({ value, local, title, onChange }: FilterTimeRangeProps) => {
+    open: boolean;
+    changerOuverture: (ouvert: boolean) => void;
+    declencheur: React.JSX.Element;
+    contenu: (titre?: string) => React.JSX.Element;
+};
+export {};
+//# sourceMappingURL=FilterTimeRange.shared.d.ts.map

package/dist/ui/FilterTimeRange/FilterTimeRange.shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTimeRange.shared.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterTimeRange/FilterTimeRange.shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgD,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAM/F,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC,CAAC;AA0BF,KAAK,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG;IAC/D,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,+CAA+C,mBAAmB,sBAsDhG,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,mCAA0C,oBAAoB;;+BAI7D,OAAO;;sBAuBhB,MAAM;CAoBhC,CAAC"}

package/dist/ui/FilterTimeRange/FilterTimeRange.shared.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { Button } from '../Button';
+import { dureeRelative, libelleDePlage } from '../DateRangeInput';
+import { TextInput } from '../FormControl';
+import { LucideIcon } from '../LucideIcon';
+import { TimeRangeInput } from '../TimeRangeInput';
+import { useStyles } from './FilterTimeRange.styles';
+const presets = {
+    fr: [
+        { duree: '1h', label: 'Dernière heure' },
+        { duree: '24h', label: 'Dernières 24 heures' },
+        { duree: '7d', label: '7 derniers jours' },
+        { duree: '14d', label: '14 derniers jours' },
+        { duree: '30d', label: '30 derniers jours' },
+        { duree: '90d', label: '90 derniers jours' },
+    ],
+    en: [
+        { duree: '1h', label: 'Last hour' },
+        { duree: '24h', label: 'Last 24 hours' },
+        { duree: '7d', label: 'Last 7 days' },
+        { duree: '14d', label: 'Last 14 days' },
+        { duree: '30d', label: 'Last 30 days' },
+        { duree: '90d', label: 'Last 90 days' },
+    ],
+};
+const libelles = (local) => local === 'fr'
+    ? { absolue: 'Date absolue', saisie: 'Plage libre : 2h, 4d, 8w…' }
+    : { absolue: 'Absolute date', saisie: 'Custom range: 2h, 4d, 8w…' };
+export const ListeDesPlages = ({ title, local, value, onChoisir, onAbsolue }) => {
+    const styles = useStyles();
+    const mots = libelles(local);
+    const [saisie, setSaisie] = React.useState('');
+    const validerSaisie = () => {
+        const duree = dureeRelative(saisie);
+        if (duree)
+            onChoisir({ type: 'relative', duree });
+    };
+    return (_jsxs(Box, { tag: "filter-time-range-container", style: styles.container, children: [title && (_jsx(Typography, { tag: "filter-time-range-titre", style: styles.titre, children: title })), _jsx(TextInput, { value: saisie, placeholder: mots.saisie, onChangeText: setSaisie, onSubmitEditing: validerSaisie, startAdornment: _jsx(Box, { tag: "filter-time-range-adornment", style: styles.adornment, children: _jsx(LucideIcon, { name: "Search", size: "sm" }) }) }), presets[local].map(preset => {
+                const choisi = value?.type === 'relative' && value.duree === preset.duree;
+                return (_jsx(Button, { title: preset.label, variant: "tertiary", contentAlign: "start", fullWidth: true, selected: choisi, leading: choisi ? 'Check' : undefined, onPress: () => onChoisir({ type: 'relative', duree: preset.duree }) }, preset.duree));
+            }), _jsx(Button, { title: mots.absolue, variant: "tertiary", contentAlign: "start", fullWidth: true, selected: value?.type === 'absolue', trailing: "ArrowRight", onPress: onAbsolue })] }));
+};
+// Ouverture, bascule vers la date absolue et choix : identiques dans le Popover web et le BottomSheet natif.
+export const useFilterTimeRange = ({ value, local = 'fr', title, onChange }) => {
+    const [open, setOpen] = React.useState(false);
+    const [absolue, setAbsolue] = React.useState(false);
+    const changerOuverture = (ouvert) => {
+        setOpen(ouvert);
+        if (!ouvert)
+            setAbsolue(false);
+    };
+    const choisir = (plage) => {
+        onChange(plage);
+        changerOuverture(false);
+    };
+    const declencheur = (_jsx(Button, { variant: "secondary", size: "sm", title: value ? libelleDePlage(value, local) : title, trailing: "ChevronDown", selected: !!value, expanded: open, onPress: () => changerOuverture(!open) }));
+    // `titre` absent dans le BottomSheet, qui l'affiche lui-même.
+    const contenu = (titre) => absolue ? (_jsx(TimeRangeInput, { title: titre, local: local, value: value?.type === 'absolue' ? value : undefined, onApply: choisir, onCancel: () => setAbsolue(false) })) : (_jsx(ListeDesPlages, { title: titre, local: local, value: value, onChoisir: choisir, onAbsolue: () => setAbsolue(true) }));
+    return { open, changerOuverture, declencheur, contenu };
+};

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

@@ -0,0 +1,34 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: true;
+    description: string;
+    component: (props: import("./FilterTimeRange.shared").FilterTimeRangeProps) => React.JSX.Element;
+    styleFn: () => {
+        container: {
+            display: "flex";
+            flexDirection: "column";
+            gap: string | number;
+            padding: string | number;
+            width: number;
+        };
+        titre: {
+            color: import("@alveole/theme").ThemeColor;
+            paddingBottom: string | number;
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
+        adornment: {
+            paddingLeft: string | number;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const EnAnglaisSansValeur: () => React.JSX.Element;
+export * as Sources from './FilterTimeRange.stories.sources';
+//# sourceMappingURL=FilterTimeRange.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTimeRange.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterTimeRange/FilterTimeRange.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAQkB;AAElB,eAAO,MAAM,OAAO,yBAQnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,yBAQ/B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,mCAAmC,CAAC"}

package/dist/ui/FilterTimeRange/FilterTimeRange.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Box } from '../../core/Box';
+import { FilterTimeRange } from './FilterTimeRange';
+import { useStyles } from './FilterTimeRange.styles';
+export default {
+    title: 'FilterTimeRange',
+    tags: ['ui'],
+    experimental: true,
+    description: 'Filtre sur une plage de temps : plages relatives prédéfinies, plage libre saisie (`2h`, `4d`, `8w`) ou « Date absolue » qui ouvre le TimeRangeInput.',
+    component: FilterTimeRange,
+    styleFn: useStyles,
+};
+export const Default = () => {
+    const [value, setValue] = React.useState({ type: 'relative', duree: '14d' });
+    return (_jsx(Box, { display: "flex", flexDirection: "row", justify: "flex-start", children: _jsx(FilterTimeRange, { title: "Filtrer la p\u00E9riode", value: value, onChange: setValue }) }));
+};
+export const EnAnglaisSansValeur = () => {
+    const [value, setValue] = React.useState();
+    return (_jsx(Box, { display: "flex", flexDirection: "row", justify: "flex-start", children: _jsx(FilterTimeRange, { title: "Filter Time Range", local: "en", value: value, onChange: setValue }) }));
+};
+export * as Sources from './FilterTimeRange.stories.sources';

package/dist/ui/FilterTimeRange/FilterTimeRange.stories.sources.d.ts

@@ -0,0 +1,8 @@
+export declare const Default: () => string;
+export declare const EnAnglaisSansValeur: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+    readonly EnAnglaisSansValeur: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=FilterTimeRange.stories.sources.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTimeRange.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterTimeRange/FilterTimeRange.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+U,CAAC;AAEpW,eAAO,MAAM,mBAAmB,cAAqU,CAAC;AAEtW,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/FilterTimeRange/FilterTimeRange.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [value, setValue] = React.useState<PlageDeTemps>({ type: 'relative', duree: '14d' });\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" justify=\"flex-start\">\n      <FilterTimeRange title=\"Filtrer la période\" value={value} onChange={setValue} />\n    </Box>\n  );\n};";
+export const EnAnglaisSansValeur = () => "export const EnAnglaisSansValeur = () => {\n  const [value, setValue] = React.useState<PlageDeTemps>();\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" justify=\"flex-start\">\n      <FilterTimeRange title=\"Filter Time Range\" local=\"en\" value={value} onChange={setValue} />\n    </Box>\n  );\n};";
+export const storySources = {
+    Default,
+    EnAnglaisSansValeur,
+};

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

@@ -0,0 +1,22 @@
+export declare const useStyles: () => {
+    container: {
+        display: "flex";
+        flexDirection: "column";
+        gap: string | number;
+        padding: string | number;
+        width: number;
+    };
+    titre: {
+        color: import("@alveole/theme").ThemeColor;
+        paddingBottom: string | number;
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
+    adornment: {
+        paddingLeft: string | number;
+    };
+};
+//# sourceMappingURL=FilterTimeRange.styles.d.ts.map

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

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

package/dist/ui/FilterTimeRange/FilterTimeRange.styles.js

@@ -0,0 +1,18 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ spacing, spacingValue, color, text }) => ({
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: spacing('1V'),
+        padding: spacing('1W'),
+        width: spacingValue('12W') * 3,
+    },
+    titre: {
+        ...text['Corps de texte'].SM.Medium,
+        color: color.light.text['title-grey'],
+        paddingBottom: spacing('1V'),
+    },
+    adornment: {
+        paddingLeft: spacing('1W'),
+    },
+}));

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FilterTimeRangeProps } from './FilterTimeRange.shared';
+export type { FilterTimeRangeProps } from './FilterTimeRange.shared';
+/**
+ * Filtre sur une plage de temps : plages relatives prédéfinies ou saisies, ou plage absolue au calendrier.
+ * Sur un écran mobile, le choix s'ouvre en BottomSheet : un Popover y déborde de l'écran sans défiler.
+ */
+export declare const FilterTimeRange: (props: FilterTimeRangeProps) => React.JSX.Element;
+//# sourceMappingURL=FilterTimeRange.web.d.ts.map

package/dist/ui/FilterTimeRange/FilterTimeRange.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTimeRange.web.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterTimeRange/FilterTimeRange.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAsB,MAAM,0BAA0B,CAAC;AACpF,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBA0B1D,CAAC"}

package/dist/ui/FilterTimeRange/FilterTimeRange.web.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@alveole/theme';
+import React from 'react';
+import { BottomSheet } from '../BottomSheet';
+import { Popover } from '../Popover';
+import { useFilterTimeRange } from './FilterTimeRange.shared';
+/**
+ * Filtre sur une plage de temps : plages relatives prédéfinies ou saisies, ou plage absolue au calendrier.
+ * Sur un écran mobile, le choix s'ouvre en BottomSheet : un Popover y déborde de l'écran sans défiler.
+ */
+export const FilterTimeRange = (props) => {
+    const { open, changerOuverture, declencheur, contenu } = useFilterTimeRange(props);
+    const { isVariant } = useTheme();
+    if (isVariant('mobile')) {
+        return (_jsxs(React.Fragment, { children: [declencheur, _jsx(BottomSheet, { fitContent: true, title: props.title, open: open, setOpen: changerOuverture, children: contenu() })] }));
+    }
+    return (_jsx(Popover, { placement: "bottom-start", scrollable: false, open: open, setOpen: changerOuverture, renderTrigger: () => declencheur, children: contenu(props.title) }));
+};

package/dist/ui/FilterTimeRange/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FilterTimeRange';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/FilterTimeRange/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterTimeRange/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/ui/FilterTimeRange/index.js

@@ -0,0 +1 @@
+export * from './FilterTimeRange';

package/dist/ui/FormControl/textInputStyles.d.ts

@@ -23,7 +23,6 @@ export type InputFrameState = FieldBorderState & {
  * deplacerait le texte de tous les champs a ornement. Cf. le test qui fige ce constat.
  */
 export declare const inputFrameStyle: (styles: Styles, state: InputFrameState) => {
-    paddingTop?: number | undefined;
     paddingLeft?: number | undefined;
     paddingRight?: number | undefined;
     borderWidth: number;
@@ -43,7 +42,6 @@ export declare const inputFrameStyle: (styles: Styles, state: InputFrameState) =
     width: "100%";
     minHeight: number;
 } | {
-    paddingTop?: number | undefined;
     paddingLeft?: number | undefined;
     paddingRight?: number | undefined;
     borderColor: import("@alveole/theme").ThemeColor;
@@ -59,7 +57,6 @@ export declare const inputFrameStyle: (styles: Styles, state: InputFrameState) =
     width: "100%";
     minHeight: number;
 } | {
-    paddingTop?: number | undefined;
     paddingLeft?: number | undefined;
     paddingRight?: number | undefined;
     borderColor: import("@alveole/theme").ThemeColor;
@@ -75,7 +72,6 @@ export declare const inputFrameStyle: (styles: Styles, state: InputFrameState) =
     width: "100%";
     minHeight: number;
 } | {
-    paddingTop?: number | undefined;
     paddingLeft?: number | undefined;
     paddingRight?: number | undefined;
     backgroundColor: import("@alveole/theme").ThemeColor | "#FFFFFF";

package/dist/ui/FormControl/textInputStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textInputStyles.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/textInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAoB,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAE/C,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,OAAO,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpE,CAAC;AAEH,6FAA6F;AAC7F,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,2CAIG,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,cAAc,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,yBAM1F,CAAC"}
+{"version":3,"file":"textInputStyles.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/textInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAoB,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAE/C,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,OAAO,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpE,CAAC;AAEH,6FAA6F;AAC7F,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,2CAIG,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,cAAc,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,yBAM1F,CAAC"}

package/dist/ui/FormControl/textInputStyles.js

@@ -18,7 +18,6 @@ export const inputFrameStyle = (styles, state) => ({
     ...fieldBorderState(styles, state),
     ...(state.endAdornment ? { paddingRight: 0 } : {}),
     ...(state.startAdornment ? { paddingLeft: 0 } : {}),
-    ...(state.multiline ? { paddingTop: 8 } : {}),
 });
 /** Centrer le texte n'a de sens qu'encadre des deux cotes, sinon il fuit vers l'ornement. */
 export const inputTextStyle = (styles, { startAdornment, endAdornment, resize, }) => versStyleNatif({