@alveole/components 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/stories/index.d.ts

@@ -11,6 +11,7 @@ export * as MapStory from '../core/Map/Map.stories';
 export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
+export * as PageBackgroundStory from '../core/Page/PageBackground.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';
 export * as SectionStory from '../core/Section/Section.stories';
 export * as ThemeProviderStory from '../core/ThemeProvider/ThemeProvider.stories';

package/dist/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -12,6 +12,7 @@ export * as MapStory from '../core/Map/Map.stories';
 export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
+export * as PageBackgroundStory from '../core/Page/PageBackground.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';
 export * as SectionStory from '../core/Section/Section.stories';
 export * as ThemeProviderStory from '../core/ThemeProvider/ThemeProvider.stories';

package/dist/ui/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA2DtD,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA2DtD,CAAC"}

package/dist/ui/Accordion/AccordionItem.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { focusRingProps } from '@alveole/theme';
 import { Square, Accordion as TamaguiAccordion } from 'tamagui';
+import { animer } from '../../core/animation/animer';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
@@ -18,5 +19,5 @@ export const AccordionItem = (props) => {
         ...(open ? styles.accordionItemHeaderOpen : {}),
         ...(afterLabel ? { paddingBottom: 4 } : {}),
     });
-    return (_jsxs(TamaguiAccordion.Item, { ...itemProps, children: [_jsx(TamaguiAccordion.Trigger, { unstyled: true, style: styles.accordionItemTrigger, ...focusRingProps(), children: ({ open }) => (_jsxs(Box, { backgroundColor: headerStyle(open).backgroundColor, children: [_jsxs(Box, { style: headerStyle(open), hoverStyle: headerStyle(open), focusStyle: headerStyle(open), children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'md' } }), _jsx(Typography, { style: styles.accordionItemLabel, mr: labelChildren ? undefined : 'auto', children: label }), labelChildren && (_jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: labelChildren })), _jsx(Square, { animation: "75ms", rotate: open ? '180deg' : '0deg', style: { marginTop: 'auto', marginBottom: 'auto' }, children: _jsx(LucideIcon, { name: "ChevronDown", size: "sm" }) })] }), afterLabel && (_jsx(Box, { style: styles.accordionAfterLabel, children: _jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: afterLabel }) }))] })) }), _jsx(TamaguiAccordion.HeightAnimator, { animation: "quicker", style: { overflow: 'hidden', position: 'relative' }, children: _jsx(TamaguiAccordion.Content, { animation: "quickest", style: { ...styles.accordionItemContent, padding: noPadding ? 0 : undefined }, children: children }) })] }));
+    return (_jsxs(TamaguiAccordion.Item, { ...itemProps, children: [_jsx(TamaguiAccordion.Trigger, { style: styles.accordionItemTrigger, ...focusRingProps(), children: ({ open }) => (_jsxs(Box, { backgroundColor: headerStyle(open).backgroundColor, children: [_jsxs(Box, { style: headerStyle(open), children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'md' } }), _jsx(Typography, { style: styles.accordionItemLabel, mr: labelChildren ? undefined : 'auto', children: label }), labelChildren && (_jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: labelChildren })), _jsx(Square, { ...animer('quickest'), rotate: open ? '180deg' : '0deg', style: { marginTop: 'auto', marginBottom: 'auto' }, children: _jsx(LucideIcon, { name: "ChevronDown", size: "sm" }) })] }), afterLabel && (_jsx(Box, { style: styles.accordionAfterLabel, children: _jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: afterLabel }) }))] })) }), _jsx(TamaguiAccordion.HeightAnimator, { ...animer('quicker'), style: { overflow: 'hidden', position: 'relative' }, children: _jsx(TamaguiAccordion.Content, { ...animer('quickest'), style: { ...styles.accordionItemContent, padding: noPadding ? 0 : undefined }, children: children }) })] }));
 };

package/dist/ui/ActionMenu/ActionMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCA+CxD,CAAC"}
+{"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCA4CxD,CAAC"}

package/dist/ui/ActionMenu/ActionMenuItem.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Pressable } from 'react-native';
 import { Box } from '../../core/Box';
+import { fondAuSurvol } from '../../core/styleTamagui/fondAuSurvol';
 import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
 import { useStyles } from '../Sidebar/Sidebar.styles';
@@ -9,17 +10,16 @@ export const ActionMenuItem = (props) => {
     const { title, leading, onPress, selected = false, style, ...boxProps } = props;
     const styles = useStyles();
     const actionMenuItemStyles = useActionMenuItemStyles();
-    const itemStyleSelected = selected ? styles.sidebarItemSelectedDesktop : {};
+    const { forme, fond } = fondAuSurvol(selected ? styles.sidebarItemSelectedDesktop : {}, styles.sidebarItemHover.backgroundColor);
     const titleStyleSelected = selected ? styles.sidebarItemTitleSelectedDesktop : {};
-    const sidebarItemTitleDesktop = selected ? styles.sidebarItemTitleCurrentHoverDesktop : {};
-    return (_jsx(Pressable, { accessibilityRole: "button", onPress: onPress, children: _jsx(Box, { tag: "action-menu-item", style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...itemStyleSelected }, 
+    return (_jsx(Pressable, { accessibilityRole: "button", onPress: onPress, children: _jsx(Box, { tag: "action-menu-item", style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...forme }, 
                         // L'entrée sélectionnée se survole comme les autres. Lui réserver une teinte propre
                         // n'ajoutait qu'un cas particulier, et celle qui était posée valait son fond de repos :
                         // le survol ne produisait rien.
-                        hoverStyle: { ...styles.sidebarItemHover }, children: [_jsx(LeadingSlot, { contenu: leading, apparence: {
+                        backgroundColor: fond, children: [_jsx(LeadingSlot, { contenu: leading, apparence: {
                                     size: 'md',
                                     color: selected
                                         ? styles.sidebarItemTitleSelectedDesktop.color
                                         : styles.sidebarItemTitleSelectedDesktop.stroke,
-                                } }), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleDesktop }, children: title })] })] }) }) }));
+                                } }), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, children: title })] })] }) }) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAIpE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AASF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,gCA0CxC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAIpE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AASF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,gCAsDxC,CAAC"}

package/dist/ui/Avatar/Avatar.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from '@alveole/theme';
+import { useState } from 'react';
 import { Avatar as TamaguiAvatar } from 'tamagui';
 import { Typography } from '../../core/Typography';
 import { useStyles } from './Avatar.styles';
@@ -16,6 +17,7 @@ export const Avatar = (props) => {
     const initials = getInitials(fallbackText ?? '');
     const { spacingValue } = useTheme();
     const styles = useStyles();
+    const [chargee, setChargee] = useState(false);
     const avatarSize = {
         xs: 20,
         sm: spacingValue('3W'),
@@ -36,5 +38,8 @@ export const Avatar = (props) => {
             maxHeight: px,
             ...(carre ? styles.carre : {}),
             ...style,
-        }, circular: !carre, ...avatarProps, children: [_jsx(TamaguiAvatar.Image, { src: src, width: px, height: px }), _jsx(TamaguiAvatar.Fallback, { style: styles.fallback, children: _jsx(Typography, { style: styles.fallbackText, children: initials }) })] }));
+        }, circular: !carre, ...avatarProps, children: [_jsx(TamaguiAvatar.Image, { src: src, 
+                // Le nom de la personne quand on le connait ; sinon la photo est decorative, comme chez
+                // Primer. react-native-web n'exposait aucune image, Tamagui v2 rend un vrai <img>.
+                alt: fallbackText ?? '', width: px, height: px, opacity: chargee ? 1 : 0, onLoadingStatusChange: status => setChargee(status === 'loaded') }), _jsx(TamaguiAvatar.Fallback, { style: styles.fallback, children: _jsx(Typography, { style: styles.fallbackText, children: initials }) })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAoCtC,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAqCtC,CAAC"}

package/dist/ui/Badge/Badge.js

@@ -7,6 +7,7 @@ export const Badge = (props) => {
     const { variant, style, size, icon, ...badgeProps } = props;
     const styles = useStyles();
     const badgeSize = size === 'sm' ? styles.badgeSm : styles.badgeMd;
+    const badgeText = size === 'sm' ? styles.badgeTextSm : styles.badgeTextMd;
     const badgeVariant = () => {
         switch (variant) {
             case 'default':
@@ -28,7 +29,7 @@ export const Badge = (props) => {
     };
     if (icon) {
         const iconSize = size === 'sm' ? 'xs' : 'sm';
-        return (_jsxs(Box, { tag: "badge", testID: "badge", style: [styles.badge, badgeVariant(), badgeSize, style], children: [_jsx(LucideIcon, { name: icon, size: iconSize }), _jsx(Typography, { tag: "badge-text", ...badgeProps })] }));
+        return (_jsxs(Box, { tag: "badge", testID: "badge", style: [styles.badge, badgeVariant(), badgeSize, style], children: [_jsx(LucideIcon, { name: icon, size: iconSize }), _jsx(Typography, { tag: "badge-text", style: badgeText, ...badgeProps })] }));
     }
-    return _jsx(Typography, { tag: "badge", style: [styles.badge, badgeVariant(), badgeSize, style], ...badgeProps });
+    return _jsx(Typography, { tag: "badge", style: [styles.badge, badgeVariant(), badgeSize, badgeText, style], ...badgeProps });
 };

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

@@ -39,29 +39,33 @@ declare const _default: {
             backgroundColor: string;
         };
         badgeSm: {
-            fontSize: 12;
-            lineHeight: 20;
-            letterSpacing: 0;
-            textTransform: "uppercase";
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
             height: number;
             paddingLeft: number;
             paddingRight: number;
             gap: number;
         };
         badgeMd: {
-            fontSize: 14;
-            lineHeight: 20;
-            letterSpacing: 0;
-            textTransform: "uppercase";
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
             height: number;
             paddingLeft: number;
             paddingRight: number;
             gap: number;
         };
+        badgeTextSm: {
+            readonly fontSize: 12;
+            readonly lineHeight: 20;
+            readonly letterSpacing: 0;
+            readonly textTransform: "uppercase";
+            readonly fontFamily: string;
+            readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
+        badgeTextMd: {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly letterSpacing: 0;
+            readonly textTransform: "uppercase";
+            readonly fontFamily: string;
+            readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,QAAQ,mCAuBpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCASjB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,QAAQ,mCAuBpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCASjB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

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

@@ -32,28 +32,32 @@ export declare const useStyles: () => {
         backgroundColor: string;
     };
     badgeSm: {
-        fontSize: 12;
-        lineHeight: 20;
-        letterSpacing: 0;
-        textTransform: "uppercase";
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
         height: number;
         paddingLeft: number;
         paddingRight: number;
         gap: number;
     };
     badgeMd: {
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        textTransform: "uppercase";
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
         height: number;
         paddingLeft: number;
         paddingRight: number;
         gap: number;
     };
+    badgeTextSm: {
+        readonly fontSize: 12;
+        readonly lineHeight: 20;
+        readonly letterSpacing: 0;
+        readonly textTransform: "uppercase";
+        readonly fontFamily: string;
+        readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
+    badgeTextMd: {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly letterSpacing: 0;
+        readonly textTransform: "uppercase";
+        readonly fontFamily: string;
+        readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
 };
 //# sourceMappingURL=Badge.styles.d.ts.map

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

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

package/dist/ui/Badge/Badge.styles.js

@@ -39,13 +39,15 @@ export const useStyles = makeStyles(({ radius, text, color, pill }) => ({
         paddingLeft: pill('sm').paddingInline,
         paddingRight: pill('sm').paddingInline,
         gap: pill('sm').gap,
-        ...text['Corps de texte'].XS.CapsBold,
     },
     badgeMd: {
         height: pill('md').height,
         paddingLeft: pill('md').paddingInline,
         paddingRight: pill('md').paddingInline,
         gap: pill('md').gap,
-        ...text['Corps de texte'].SM.CapsBold,
     },
+    // Crans du libelle : portes par le texte lui-meme, Tamagui v2 ne faisant plus descendre un
+    // style de texte d'une vue a ses enfants.
+    badgeTextSm: text['Corps de texte'].XS.CapsBold,
+    badgeTextMd: text['Corps de texte'].SM.CapsBold,
 }));

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAiElD,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAmElD,CAAC"}

package/dist/ui/BottomSheet/BottomSheet.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Sheet as TamaguiSheet } from 'tamagui';
+import { animer } from '../../core/animation/animer';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { ButtonIcon } from '../Button';
@@ -13,5 +14,5 @@ export const BottomSheet = (props) => {
     const styles = useStyles();
     const { bottom } = useSafeAreaInsets();
     const snapPointsMode = fitContent ? 'fit' : 'percent';
-    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, forceRemoveScrollEnabled: open, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, animation: "medium", moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Frame, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.frame, children: [_jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
+    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, ...animer('medium'), moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(TamaguiSheet.Container, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.sheetContainer, children: [_jsx(TamaguiSheet.Background, { style: styles.sheetBackground }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
 };

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

@@ -6,6 +6,12 @@ declare const _default: {
     component: (props: import("./BottomSheet").BottomSheetProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {};
+        sheetContainer: {
+            marginBottom: string | number;
+        };
+        sheetBackground: {
+            backgroundColor: "#FFFFFF";
+        };
         content: {
             backgroundColor: "#FFFFFF";
             marginTop: string | number;
@@ -25,10 +31,6 @@ declare const _default: {
             height: 16;
             backgroundColor: "#FFFFFF";
         };
-        frame: {
-            backgroundColor: "#FFFFFF";
-            marginBottom: string | number;
-        };
         overlay: {
             backgroundColor: string;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCActB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"BottomSheet.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCActB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

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

@@ -1,5 +1,11 @@
 export declare const useStyles: () => {
     container: {};
+    sheetContainer: {
+        marginBottom: string | number;
+    };
+    sheetBackground: {
+        backgroundColor: "#FFFFFF";
+    };
     content: {
         backgroundColor: "#FFFFFF";
         marginTop: string | number;
@@ -19,10 +25,6 @@ export declare const useStyles: () => {
         height: 16;
         backgroundColor: "#FFFFFF";
     };
-    frame: {
-        backgroundColor: "#FFFFFF";
-        marginBottom: string | number;
-    };
     overlay: {
         backgroundColor: string;
     };

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

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

package/dist/ui/BottomSheet/BottomSheet.styles.js

@@ -1,6 +1,12 @@
 import { makeStyles, Spacings } from '@alveole/theme';
 export const useStyles = makeStyles(({ spacing, text, color }) => ({
     container: {},
+    sheetContainer: {
+        marginBottom: spacing('3W'),
+    },
+    sheetBackground: {
+        backgroundColor: '#FFFFFF',
+    },
     content: {
         backgroundColor: '#FFFFFF',
         marginTop: spacing('2W'),
@@ -20,10 +26,6 @@ export const useStyles = makeStyles(({ spacing, text, color }) => ({
         height: Spacings['2W'],
         backgroundColor: '#FFFFFF',
     },
-    frame: {
-        backgroundColor: '#FFFFFF',
-        marginBottom: spacing('3W'),
-    },
     overlay: {
         backgroundColor: color.alpha(color.background.inverse, 0.5),
     },

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpE;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAC3E,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAmDlD,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpE;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAC3E,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAmDlD,CAAC"}

package/dist/ui/Breadcrumbs/Breadcrumbs.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'expo-router';
 import { A } from '../../core/A';
 import { Box } from '../../core/Box';
+import { soulignementAuSurvol } from '../../core/styleTamagui/soulignement';
 import { Typography } from '../../core/Typography';
 import { useStyles } from './Breadcrumbs.styles';
 function humanizeSegment(segment) {
@@ -38,5 +39,5 @@ export const Breadcrumbs = (props) => {
             isCurrent: index === segments.length - 1,
         })),
     ];
-    return (_jsx(Box, { tag: "breadcrumbs", style: styles.container, children: items.map((item, index) => (_jsxs(Box, { tag: "breadcrumbs-item", style: { flexDirection: 'row', alignItems: 'center' }, children: [index > 0 && _jsx(Box, { tag: "breadcrumbs-separator", "aria-hidden": true, style: styles.separator }), item.isCurrent || item.href === null ? (_jsx(Typography, { style: styles.current, children: item.label })) : (_jsx(A, { href: item.href, style: styles.link, hoverStyle: styles.linkHover, children: _jsx(Typography, { style: styles.link, hoverStyle: styles.linkHover, children: item.label }) }))] }, `${item.href}-${index}`))) }));
+    return (_jsx(Box, { tag: "breadcrumbs", style: styles.container, children: items.map((item, index) => (_jsxs(Box, { tag: "breadcrumbs-item", style: { flexDirection: 'row', alignItems: 'center' }, children: [index > 0 && _jsx(Box, { tag: "breadcrumbs-separator", "aria-hidden": true, style: styles.separator }), item.isCurrent || item.href === null ? (_jsx(Typography, { style: styles.current, children: item.label })) : (_jsx(A, { href: item.href, style: styles.link, children: _jsx(Typography, { style: styles.link, textDecorationLine: soulignementAuSurvol, children: item.label }) }))] }, `${item.href}-${index}`))) }));
 };

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

@@ -25,6 +25,11 @@ declare const _default: {
             transform: "rotate(15deg)";
         };
         current: {
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
             color: string;
         };
         link: {
@@ -37,10 +42,6 @@ declare const _default: {
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
             color: string;
-            textDecoration: string;
-        };
-        linkHover: {
-            textDecoration: string;
         };
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAI/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAe5B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAW1B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAStB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAgB9B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAI/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAe5B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAW1B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAStB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAgB9B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

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

@@ -18,6 +18,11 @@ export declare const useStyles: () => {
         transform: "rotate(15deg)";
     };
     current: {
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
         color: string;
     };
     link: {
@@ -30,10 +35,6 @@ export declare const useStyles: () => {
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
         color: string;
-        textDecoration: string;
-    };
-    linkHover: {
-        textDecoration: string;
     };
 };
 //# sourceMappingURL=Breadcrumbs.styles.d.ts.map

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

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

package/dist/ui/Breadcrumbs/Breadcrumbs.styles.js

@@ -16,16 +16,13 @@ export const useStyles = makeStyles(({ text, color, spacing }) => ({
     },
     current: {
         color: color.light.text['active-grey'],
+        ...text['Corps de texte'].SM.Regular,
     },
     link: {
         color: color.light.text['default-info'],
-        textDecoration: 'none',
         ...text['Corps de texte'].SM.Regular,
         transitionProperty: 'text-decoration',
         transitionDuration: '0.1s',
         transitionTimingFunction: 'ease-in-out',
     },
-    linkHover: {
-        textDecoration: 'underline',
-    },
 }));

package/dist/ui/Button/ButtonContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/ButtonContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC;IACtB,yEAAyE;IACzE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAWF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,uCAAuC,kBAAkB,gCA2CtF,CAAC"}
+{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/ButtonContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC;IACtB,yEAAyE;IACzE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAWF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,uCAAuC,kBAAkB,gCA8CtF,CAAC"}

package/dist/ui/Button/ButtonContent.js

@@ -4,7 +4,7 @@ import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
 import { Spinner } from '../Spinner';
 import { useDelaiDAffichage } from '../Spinner/useDelaiDAffichage';
-import { styleDeLIcone, styleDeSurvol, styleDuConteneur, styleDuLibelle } from './buttonStyling';
+import { styleDeLIcone, styleDuConteneur, styleDuLibelle } from './buttonStyling';
 import { placeDuSpinner } from './placeDuSpinner';
 /** Un cote du libelle : son contenu, ou le spinner venu prendre sa place. */
 const Emplacement = ({ spinner, contenu, apparence }) => {
@@ -18,13 +18,17 @@ const Emplacement = ({ spinner, contenu, apparence }) => {
  */
 export const ButtonContent = ({ styles, etat, state, actif, props }) => {
     const { title, leading, trailing, contentAlign = 'center', isLoading, loadingDelay = 'long', ContainerProps = {}, } = props;
-    const { style, hoverStyle, ...containerProps } = ContainerProps;
+    const { style, ...containerProps } = ContainerProps;
     const hovered = !!state.hovered;
     const icone = styleDeLIcone(styles, etat, hovered);
     const place = placeDuSpinner(useDelaiDAffichage(isLoading ? loadingDelay : false) && !!isLoading, leading, trailing);
     const recouvreLeLibelle = place === 'libelle';
     const aGauche = contentAlign === 'start';
-    return (_jsxs(Box, { style: [styleDuConteneur(styles, etat, actif), aGauche && { justifyContent: 'flex-start' }, style], hoverStyle: { ...styleDeSurvol(styles, etat), ...hoverStyle }, ...containerProps, children: [_jsx(Emplacement, { spinner: place === 'tete', contenu: leading, apparence: icone }), _jsx(Typography, { "user-select": "false", style: {
+    return (_jsxs(Box, { style: [
+            styleDuConteneur(styles, etat, { actif, survole: hovered }),
+            aGauche && { justifyContent: 'flex-start' },
+            style,
+        ], ...containerProps, children: [_jsx(Emplacement, { spinner: place === 'tete', contenu: leading, apparence: icone }), _jsx(Typography, { "user-select": "false", style: {
                     ...styleDuLibelle(styles, etat, hovered),
                     ...(recouvreLeLibelle ? styles.libelleMasque : {}),
                     ...(aGauche ? { flexGrow: 1, textAlign: 'left' } : {}),

package/dist/ui/Button/buttonIconStyling.d.ts

@@ -7,13 +7,13 @@ export type EtatDuBoutonIcone = Pick<ButtonIconProps, 'variant' | 'disabled' | '
 };
 export declare const styleDuCadreDIcone: (styles: Styles, etat: EtatDuBoutonIcone, hovered: boolean) => {
     backgroundColor: import("react-native").ColorValue | undefined;
+    borderRadius?: string | import("react-native").AnimatableNumericValue | undefined;
     borderBottomLeftRadius: string | number | import("react-native").Animated.AnimatedNode;
     borderBottomRightRadius: string | number | import("react-native").Animated.AnimatedNode;
-    borderRadius?: string | import("react-native").AnimatableNumericValue | undefined;
     borderTopLeftRadius: string | number | import("react-native").Animated.AnimatedNode;
     borderTopRightRadius: string | number | import("react-native").Animated.AnimatedNode;
-    height: import("react-native").DimensionValue;
     width: import("react-native").DimensionValue;
+    height: import("react-native").DimensionValue;
     overflow: "hidden";
     borderWidth: number;
     borderStyle: "solid";

package/dist/ui/Button/buttonStyling.d.ts

@@ -2,9 +2,15 @@ import { StyleValue } from '@alveole/theme';
 import { IconProps } from '../LucideIcon';
 import { EtatDuBouton } from './Button.types';
 import { Styles } from './buttonVariants';
-/** Le fond et les rembourrages : tout ce qui se pose sur le Box interieur. */
-export declare const styleDuConteneur: (styles: Styles, etat: EtatDuBouton, actif: boolean) => StyleValue;
-/** Le survol n'est pas un etat rendu : c'est une prop que Tamagui appliquera lui-meme. */
+/**
+ * Le fond et les rembourrages : tout ce qui se pose sur le Box interieur. Le survol suit l'etat
+ * du pointeur, comme le libelle et l'icone : Tamagui v3 a retire `hoverStyle`.
+ */
+export declare const styleDuConteneur: (styles: Styles, etat: EtatDuBouton, { actif, survole }: {
+    actif: boolean;
+    survole?: boolean;
+}) => StyleValue;
+/** Le fond que prend le conteneur sous le pointeur. */
 export declare const styleDeSurvol: (styles: Styles, { variant, selected, disabled }: EtatDuBouton) => StyleValue;
 export declare const styleDuLibelle: (styles: Styles, etat: EtatDuBouton, hovered: boolean) => StyleValue;
 export declare const styleDeLIcone: (styles: Styles, etat: EtatDuBouton, hovered: boolean) => Omit<IconProps, "name">;

package/dist/ui/Button/buttonStyling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonStyling.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/buttonStyling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAQL,MAAM,EAIP,MAAM,kBAAkB,CAAC;AAc1B,8EAA8E;AAC9E,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,MAAM,YAAY,EAAE,OAAO,OAAO,KAAG,UASpF,CAAC;AAEH,0FAA0F;AAC1F,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,iCAAiC,YAAY,KAAG,UAK7F,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,EAAE,MAAM,YAAY,EAAE,SAAS,OAAO,KAAG,UAQrF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,MAAM,YAAY,EAAE,SAAS,OAAO,KAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAO1G,CAAC;AAEF;iEACiE;AACjE,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,MAAM,YAAY,EAAE,OAAO;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE;;;;;;;;;;;;CAgC/F,CAAC"}
+{"version":3,"file":"buttonStyling.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/buttonStyling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAQL,MAAM,EAIP,MAAM,kBAAkB,CAAC;AAc1B;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,MAAM,EACd,MAAM,YAAY,EAClB,oBAA4B;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,KAChE,UAUD,CAAC;AAEH,uDAAuD;AACvD,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,iCAAiC,YAAY,KAAG,UAK7F,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,EAAE,MAAM,YAAY,EAAE,SAAS,OAAO,KAAG,UAQrF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,MAAM,YAAY,EAAE,SAAS,OAAO,KAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAO1G,CAAC;AAEF;iEACiE;AACjE,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,MAAM,YAAY,EAAE,OAAO;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE;;;;;;;;;;;;CAgC/F,CAAC"}

package/dist/ui/Button/buttonStyling.js

@@ -9,10 +9,14 @@ const styleDeFond = (styles, { variant, selected, disabled }, actif) => {
     const etats = CONTENEUR_PAR_VARIANT[variant];
     return { ...styles[etats.repos], ...styleDe(styles, cleDEtat(etats, { disabled, actif })) };
 };
-/** Le fond et les rembourrages : tout ce qui se pose sur le Box interieur. */
-export const styleDuConteneur = (styles, etat, actif) => ({
+/**
+ * Le fond et les rembourrages : tout ce qui se pose sur le Box interieur. Le survol suit l'etat
+ * du pointeur, comme le libelle et l'icone : Tamagui v3 a retire `hoverStyle`.
+ */
+export const styleDuConteneur = (styles, etat, { actif, survole = false }) => ({
     ...styles.container,
     ...styleDeFond(styles, etat, actif),
+    ...(survole ? styleDeSurvol(styles, etat) : {}),
     ...styleDe(styles, CONTENEUR_PAR_TAILLE[etat.taille]),
     // La bordure est posee sur le Pressable, pas ici : le Box doit donc annuler celle que son
     // style de variante lui aurait donnee, sans quoi les deux se superposeraient.
@@ -20,7 +24,7 @@ export const styleDuConteneur = (styles, etat, actif) => ({
     borderColor: undefined,
     borderStyle: undefined,
 });
-/** Le survol n'est pas un etat rendu : c'est une prop que Tamagui appliquera lui-meme. */
+/** Le fond que prend le conteneur sous le pointeur. */
 export const styleDeSurvol = (styles, { variant, selected, disabled }) => {
     if (disabled)
         return {};