@alveole/components 2.0.0-alpha.5 → 2.0.0-alpha.7

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

@@ -24,6 +24,7 @@ declare const _default: {
             width: "100%";
             borderRadius: import("@alveole/theme").Radius;
             overflow: "hidden";
+            position: "relative";
         };
         bar: {
             position: "absolute";

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAOkB;AAElB,eAAO,MAAM,WAAW,yBAAwD,CAAC;AAEjF,eAAO,MAAM,IAAI,yBAAoC,CAAC;AAEtD,eAAO,MAAM,aAAa,yBAA6C,CAAC;AAExE,eAAO,MAAM,aAAa,yBAAkE,CAAC;AAE7F,eAAO,MAAM,QAAQ,yBAAiE,CAAC;AAEvF,eAAO,MAAM,KAAK,yBAmBjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAOkB;AAElB,eAAO,MAAM,WAAW,yBAAwD,CAAC;AAEjF,eAAO,MAAM,IAAI,yBAAoC,CAAC;AAEtD,eAAO,MAAM,aAAa,yBAA6C,CAAC;AAExE,eAAO,MAAM,aAAa,yBAAkE,CAAC;AAE7F,eAAO,MAAM,QAAQ,yBAAiE,CAAC;AAEvF,eAAO,MAAM,KAAK,yBAmBjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

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

@@ -17,6 +17,7 @@ export declare const useStyles: () => {
         width: "100%";
         borderRadius: import("@alveole/theme").Radius;
         overflow: "hidden";
+        position: "relative";
     };
     bar: {
         position: "absolute";

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.styles.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkE,CAAC"}
+{"version":3,"file":"ProgressBar.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.styles.ts"],"names":[],"mappings":"AA+EA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkE,CAAC"}

package/dist/ui/ProgressBar/ProgressBar.styles.js

@@ -46,6 +46,8 @@ const avancement = ({ text, color, spacing, radius }) => ({
         width: '100%',
         borderRadius: radius('sm'),
         overflow: 'hidden',
+        // La barre animee s'y positionne en absolu : Tamagui v2 ne rend plus chaque vue relative.
+        position: 'relative',
     },
     bar: {
         position: 'absolute',

package/dist/ui/RadioGroup/RadioGroup.d.ts

@@ -4,13 +4,13 @@ import { FormControlCaptionProps } from '../FormControl/FormControlCaption';
 import { FormControlHintProps } from '../FormControl/FormControlHint';
 import { FormControlLabelProps } from '../FormControl/FormControlLabel';
 export type RadioGroupElement = TamaguiElement;
-export type RadioGroupProps = Omit<TamaguiRadioGroupProps, 'value' | 'onValueChange' | 'direction'> & FormControlCaptionProps & FormControlLabelProps & FormControlHintProps & {
+export type RadioGroupProps = Omit<TamaguiRadioGroupProps, 'value' | 'onValueChange' | 'onChange' | 'direction'> & FormControlCaptionProps & FormControlLabelProps & FormControlHintProps & {
     label?: string;
     value?: TamaguiRadioGroupProps['value'];
     onChange?: TamaguiRadioGroupProps['onValueChange'];
     variant?: 'default' | 'card';
 };
-export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<TamaguiRadioGroupProps, "direction" | "value" | "onValueChange"> & FormControlCaptionProps & FormControlLabelProps & FormControlHintProps & {
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<TamaguiRadioGroupProps, "direction" | "onChange" | "value" | "onValueChange"> & FormControlCaptionProps & FormControlLabelProps & FormControlHintProps & {
     label?: string;
     value?: TamaguiRadioGroupProps["value"];
     onChange?: TamaguiRadioGroupProps["onValueChange"];

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAmC,eAAe,IAAI,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIrH,OAAO,EAAsB,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAChG,OAAO,EAAmB,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAoB,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAI1F,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,eAAe,GAAG,WAAW,CAAC,GACjG,uBAAuB,GACvB,qBAAqB,GACrB,oBAAoB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEJ,eAAO,MAAM,UAAU;YANX,MAAM;YACN,sBAAsB,CAAC,OAAO,CAAC;eAC5B,sBAAsB,CAAC,eAAe,CAAC;cACxC,SAAS,GAAG,MAAM;wCAiD9B,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAmC,eAAe,IAAI,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIrH,OAAO,EAAsB,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAChG,OAAO,EAAmB,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAoB,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAI1F,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,eAAe,GAAG,UAAU,GAAG,WAAW,CAAC,GAC9G,uBAAuB,GACvB,qBAAqB,GACrB,oBAAoB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEJ,eAAO,MAAM,UAAU;YANX,MAAM;YACN,sBAAsB,CAAC,OAAO,CAAC;eAC5B,sBAAsB,CAAC,eAAe,CAAC;cACxC,SAAS,GAAG,MAAM;wCAiD9B,CAAC"}

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

@@ -3,7 +3,7 @@ declare const _default: {
     tags: "ui"[];
     experimental: false;
     description: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("tamagui").RadioGroupProps, "direction" | "value" | "onValueChange"> & import("..").FormControlCaptionProps & import("..").FormControlLabelProps & import("..").FormControlHintProps & {
+    component: import("react").ForwardRefExoticComponent<Omit<import("tamagui").RadioGroupProps, "direction" | "onChange" | "value" | "onValueChange"> & import("..").FormControlCaptionProps & import("..").FormControlLabelProps & import("..").FormControlHintProps & {
         label?: string;
         value?: import("tamagui").RadioGroupProps["value"];
         onChange?: import("tamagui").RadioGroupProps["onValueChange"];
@@ -27,13 +27,12 @@ declare const _default: {
             flexDirection: "row";
             alignItems: "center";
             cursor: "pointer";
+            borderRadius: import("@alveole/theme").Radius;
             transitionDuration: "0.1s";
             transitionTimingFunction: "ease-in-out";
         };
         itemCardHover: {
             backgroundColor: string;
-            borderRadius: import("@alveole/theme").Radius;
-            boxShadow: undefined;
         };
         itemCardIcon: {
             display: "flex";
@@ -93,7 +92,6 @@ declare const _default: {
             height: number;
             width: number;
         };
-        itemContainerFocused: import("@alveole/theme").FocusRingStyle;
         container: {
             width: "100%";
             display: "flex";

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAOrB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAuBtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAOrB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAuBtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

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

@@ -12,13 +12,12 @@ export declare const useStyles: () => {
         flexDirection: "row";
         alignItems: "center";
         cursor: "pointer";
+        borderRadius: import("@alveole/theme").Radius;
         transitionDuration: "0.1s";
         transitionTimingFunction: "ease-in-out";
     };
     itemCardHover: {
         backgroundColor: string;
-        borderRadius: import("@alveole/theme").Radius;
-        boxShadow: undefined;
     };
     itemCardIcon: {
         display: "flex";
@@ -78,7 +77,6 @@ export declare const useStyles: () => {
         height: number;
         width: number;
     };
-    itemContainerFocused: import("@alveole/theme").FocusRingStyle;
     container: {
         width: "100%";
         display: "flex";

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.styles.ts"],"names":[],"mappings":"AA8HA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgF,CAAC"}
+{"version":3,"file":"RadioGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.styles.ts"],"names":[],"mappings":"AA2HA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgF,CAAC"}

package/dist/ui/RadioGroup/RadioGroup.styles.js

@@ -1,9 +1,6 @@
-import { focusRing, makeStyles } from '@alveole/theme';
+import { makeStyles } from '@alveole/theme';
 import { Platform } from 'react-native';
 const groupe = ({ text, color, spacing, radius }) => ({
-    // Voir `RadioInput.tsx` : Tamagui impose sa propre bague en `!important`, seule sa prop
-    // `focusVisibleStyle` peut la remplacer. Meme source que la regle CSS du theme.
-    itemContainerFocused: focusRing('default'),
     container: {
         width: '100%',
         display: 'flex',
@@ -67,13 +64,13 @@ const carte = ({ text, color, spacing, radius }) => ({
         flexDirection: 'row',
         alignItems: 'center',
         cursor: 'pointer',
+        // Pose au repos : sans fond ni bordure, il ne se voit qu'au survol.
+        borderRadius: radius('md'),
         transitionDuration: '0.1s',
         transitionTimingFunction: 'ease-in-out',
     },
     itemCardHover: {
         backgroundColor: color.background['default-hover'],
-        borderRadius: radius('md'),
-        boxShadow: undefined,
     },
     itemCardIcon: {
         display: 'flex',

package/dist/ui/RadioGroup/RadioGroupCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupCard.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAS,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,cAAc,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAGnG,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAKlD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,GAAG;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA2BxD,CAAC"}
+{"version":3,"file":"RadioGroupCard.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAS,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAI5F,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAKlD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,GAAG;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA2BxD,CAAC"}

package/dist/ui/RadioGroup/RadioGroupCard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId } from 'react';
-import { Label } from 'tamagui';
+import { Label } from 'tamagui/unstyled';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
@@ -13,5 +13,5 @@ export const RadioGroupCard = (props) => {
     const id = React.useMemo(() => `radiogroup-${value}-${rid}`, [value, rid]);
     const styles = useStyles();
     useRadioGroup();
-    return (_jsx(Box, { tag: "radio-group-card", style: styles.card, children: _jsx(Label, { unstyled: true, htmlFor: id, display: "flex", flexDirection: "row", width: '100%', children: _jsx(Box, { style: { ...styles.itemCard, ...style }, hoverStyle: styles.itemCardHover, children: _jsxs(Box, { style: styles.radioGroupCardContent, children: [_jsx(RadioInput, { value: value, id: id, size: "sm" }), leading != null && (_jsx(Box, { display: "flex", flexDirection: "row", gap: '050', style: styles.itemCardIcon, children: _jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm' } }) })), _jsx(Box, { style: { ...styles.radioGroupCardLabelContainer, ...(separator ? styles.itemCardSeparator : {}) }, children: _jsx(Typography, { style: styles.radioGroupCardLabel, children: label }) })] }) }) }) }));
+    return (_jsx(Box, { tag: "radio-group-card", style: styles.card, children: _jsx(Label, { htmlFor: id, display: "flex", flexDirection: "row", width: '100%', children: _jsx(Box, { style: { ...styles.itemCard, ...style }, backgroundColor: { hover: styles.itemCardHover.backgroundColor }, children: _jsxs(Box, { style: styles.radioGroupCardContent, children: [_jsx(RadioInput, { value: value, id: id, size: "sm" }), leading != null && (_jsx(Box, { display: "flex", flexDirection: "row", gap: '050', style: styles.itemCardIcon, children: _jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm' } }) })), _jsx(Box, { style: { ...styles.radioGroupCardLabelContainer, ...(separator ? styles.itemCardSeparator : {}) }, children: _jsx(Typography, { style: styles.radioGroupCardLabel, children: label }) })] }) }) }) }));
 };

package/dist/ui/RadioGroup/RadioGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,EAAS,cAAc,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAMnG,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,GAAG;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAoBxD,CAAC"}
+{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAO5F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,GAAG;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAoBxD,CAAC"}

package/dist/ui/RadioGroup/RadioGroupItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId } from 'react';
-import { Label } from 'tamagui';
+import { Label } from 'tamagui/unstyled';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { useStyles } from './RadioGroupItem.styles';
@@ -10,5 +10,5 @@ export const RadioGroupItem = (props) => {
     const rid = useId();
     const id = React.useMemo(() => `radiogroup-${value}-${rid}`, [value, rid]);
     const styles = useStyles();
-    return (_jsx(Box, { tag: "radio-group-item", style: styles.item, children: _jsxs(Label, { unstyled: true, htmlFor: id, style: styles.labelContainer, children: [_jsx(Box, { children: _jsx(RadioInput, { value: value, id: id, size: "md" }) }), _jsx(Box, { children: _jsx(Typography, { style: styles.itemLabel, children: children }) })] }) }));
+    return (_jsx(Box, { tag: "radio-group-item", style: styles.item, children: _jsxs(Label, { htmlFor: id, style: styles.labelContainer, children: [_jsx(Box, { children: _jsx(RadioInput, { value: value, id: id, size: "md" }) }), _jsx(Box, { children: _jsx(Typography, { style: styles.itemLabel, children: children }) })] }) }));
 };

package/dist/ui/RadioGroup/RadioInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioInput.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioInput.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCAyChD,CAAC"}
+{"version":3,"file":"RadioInput.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioInput.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCAqChD,CAAC"}

package/dist/ui/RadioGroup/RadioInput.js

@@ -9,17 +9,15 @@ export const RadioInput = (props) => {
     const isSelected = checked ?? selectedValue === value;
     const styles = useStyles();
     const itemStyles = { ...styles.itemContainer, ...(size === 'sm' ? styles.itemContainerSm : styles.itemContainerMd) };
-    const indicatorStyle = { ...styles.itemContainer, ...(isSelected ? styles.itemContainerActive : {}) };
+    // Survol et appui reprenaient fond et bordure de repos pour masquer ceux de Tamagui : en v3,
+    // le style inline l'emporte sur ses clauses. La bague de focus au clavier n'apparait pas :
+    // `RovingFocusGroup` v3 donne le focus sans `:focus-visible` (ADR 0017, amendement Tamagui
+    // v3). Son traitement est sorti d'ALV-128, a mesurer dans le kit.
     const handleChange = () => {
         onInputChange?.(value);
         onGroupChange?.(value);
     };
-    const input = (_jsx(TamaguiRadioGroup.Item, { value: value, id: id, "aria-label": label, style: itemStyles, hoverStyle: indicatorStyle, pressStyle: styles.itemContainerActive, ...focusRingProps(), 
-        // Tamagui injecte sa propre regle `:focus-visible` en `!important` derriere un selecteur
-        // `:root:root:root:root` : la regle CSS du theme ne peut pas la battre, et sans cette prop
-        // c'est le gris translucide de Tamagui qui s'affiche. La valeur vient de `focusRing()`,
-        // qui peint le meme bleu que la regle : un seul reglage, deux chemins pour l'appliquer.
-        focusVisibleStyle: styles.itemContainerFocused, onPress: handleChange, children: _jsx(TamaguiRadioGroup.Indicator, { style: styles.itemIndicator }) }));
+    const input = (_jsx(TamaguiRadioGroup.Item, { value: value, id: id, "aria-label": label, style: itemStyles, ...focusRingProps(), onPress: handleChange, children: _jsx(TamaguiRadioGroup.Indicator, { style: styles.itemIndicator }) }));
     if (checked == null) {
         return input;
     }

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

@@ -3,7 +3,7 @@ export { RadioGroupCardProps } from './RadioGroupCard';
 export { RadioGroupCtx } from './RadioGroupContext';
 export { RadioGroupItemProps } from './RadioGroupItem';
 export { RadioInputProps } from './RadioInput';
-export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("tamagui").RadioGroupProps, "direction" | "value" | "onValueChange"> & import("..").FormControlCaptionProps & import("..").FormControlLabelProps & import("..").FormControlHintProps & {
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("tamagui").RadioGroupProps, "direction" | "onChange" | "value" | "onValueChange"> & import("..").FormControlCaptionProps & import("..").FormControlLabelProps & import("..").FormControlHintProps & {
     label?: string;
     value?: import("tamagui").RadioGroupProps["value"];
     onChange?: import("tamagui").RadioGroupProps["onValueChange"];

package/dist/ui/Select/SelectItem.js

@@ -19,5 +19,5 @@ export const SelectItem = ({ label, leading, selected, highlighted, disabled, mu
         texteDesactive: color.light.text['disabled-grey'],
         coche: color.light.text['inverted-grey'],
     }, { selected, highlighted, disabled });
-    return (_jsxs(Box, { tag: "select-item", style: aspect.item, children: [highlighted && _jsx(Box, { testID: "select-item-barre", style: styles.barre }), _jsxs(Box, { tag: "select-item-band", style: aspect.band, hoverStyle: aspect.bandHover, children: [multiple && (_jsx(Box, { tag: "select-item-checkbox", style: aspect.caseACocher, children: selected && _jsx(LucideIcon, { size: "xs", name: "Check", color: aspect.coche }) })), !multiple && (_jsx(Box, { testID: "select-item-place-coche", style: styles.placeCoche, children: selected && (_jsx(Box, { testID: "select-item-coche", children: _jsx(LucideIcon, { size: "sm", name: "Check", color: aspect.icone }) })) })), _jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm', color: aspect.icone } }), _jsx(Typography, { style: aspect.label, children: label })] })] }));
+    return (_jsxs(Box, { tag: "select-item", style: aspect.item, children: [highlighted && _jsx(Box, { testID: "select-item-barre", style: styles.barre }), _jsxs(Box, { tag: "select-item-band", style: aspect.band, backgroundColor: aspect.fondDeBande, children: [multiple && (_jsx(Box, { tag: "select-item-checkbox", style: aspect.caseACocher, children: selected && _jsx(LucideIcon, { size: "xs", name: "Check", color: aspect.coche }) })), !multiple && (_jsx(Box, { testID: "select-item-place-coche", style: styles.placeCoche, children: selected && (_jsx(Box, { testID: "select-item-coche", children: _jsx(LucideIcon, { size: "sm", name: "Check", color: aspect.icone }) })) })), _jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm', color: aspect.icone } }), _jsx(Typography, { style: aspect.label, children: label })] })] }));
 };

package/dist/ui/Select/SelectList.styles.d.ts

@@ -18,6 +18,7 @@ export declare const useStyles: () => {
         backgroundColor: "transparent";
     };
     checkboxChecked: {
+        borderColor: string;
         backgroundColor: string;
     };
     checkboxDisabled: {
@@ -82,9 +83,6 @@ export declare const useStyles: () => {
         paddingTop: string | number;
         paddingBottom: string | number;
         borderRadius: import("@alveole/theme").Radius;
-        borderWidth: number;
-        borderStyle: "solid";
-        borderColor: string;
         backgroundColor: string;
         overflow: "hidden";
     } | {
@@ -99,9 +97,6 @@ export declare const useStyles: () => {
         paddingTop: string | number;
         paddingBottom: string | number;
         borderRadius: import("@alveole/theme").Radius;
-        borderWidth: number;
-        borderStyle: "solid";
-        borderColor: string;
         backgroundColor: string;
         overflow: "hidden";
     } | {
@@ -109,9 +104,6 @@ export declare const useStyles: () => {
         paddingTop: string | number;
         paddingBottom: string | number;
         borderRadius: import("@alveole/theme").Radius;
-        borderWidth: number;
-        borderStyle: "solid";
-        borderColor: string;
         backgroundColor: string;
         overflow: "hidden";
     };

package/dist/ui/Select/SelectList.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectList.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectList.styles.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAkC,CAAC;AA4IjE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKnB,CAAC"}
+{"version":3,"file":"SelectList.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectList.styles.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAkC,CAAC;AA2IjE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKnB,CAAC"}

package/dist/ui/Select/SelectList.styles.js

@@ -10,10 +10,7 @@ const panneau = ({ text, color, spacing, radius, shadows }) => ({
     panel: {
         paddingTop: spacing('1W'),
         paddingBottom: spacing('1W'),
-        borderRadius: radius('md'),
-        borderWidth: 1,
-        borderStyle: 'solid',
-        borderColor: color.light.border['default-grey'],
+        borderRadius: radius('lg'),
         backgroundColor: color.light.background['default-grey'],
         overflow: 'hidden',
         ...shadows('lifted'),
@@ -93,8 +90,9 @@ const contenuDeLaLigne = ({ text, color, spacingValue }) => ({
         flexShrink: 0,
     },
 });
-// Visuel de la case a cocher en multi-selection : reprend les tokens de `Checkbox` taille sm
+// Visuel de la case a cocher en multi-selection : reprend la geometrie de `Checkbox` taille sm
 // (voir `Checkbox.styles.ts`) sans en etre une instance, la ligne restant seule pressable.
+// Au repos, bordure grise comme chez Primer : la couleur d'action n'arrive qu'a la coche.
 const caseACocher = ({ color, spacingValue, radius }) => ({
     checkbox: {
         display: 'flex',
@@ -105,11 +103,12 @@ const caseACocher = ({ color, spacingValue, radius }) => ({
         width: spacingValue('100'),
         borderWidth: 1,
         borderStyle: 'solid',
-        borderColor: color.light.border['action-high-primary'],
+        borderColor: color.light.border['contrast-grey'],
         borderRadius: radius('sm'),
         backgroundColor: 'transparent',
     },
     checkboxChecked: {
+        borderColor: color.light.border['action-high-primary'],
         backgroundColor: color.light.background['action-high-primary'],
     },
     checkboxDisabled: {

package/dist/ui/Select/selectItemStyle.d.ts

@@ -27,7 +27,6 @@ export declare const selectItemStyle: (styles: SelectListStyles, couleurs: {
         width: "100%";
     };
     band: {
-        backgroundColor?: string | undefined;
         flex: number;
         display: "flex";
         flexDirection: "row";
@@ -37,9 +36,10 @@ export declare const selectItemStyle: (styles: SelectListStyles, couleurs: {
         paddingRight: string | number;
         borderRadius: import("@alveole/theme").Radius;
     };
-    bandHover: {
-        backgroundColor: string;
-    } | undefined;
+    fondDeBande: {
+        default: string | undefined;
+        hover: string | undefined;
+    };
     label: {
         color: string;
         flex: number;

package/dist/ui/Select/selectItemStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectItemStyle.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/selectItemStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,QAAQ,gBAAgB,EACxB,UAAU;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAClE,qCAAqC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUpD,CAAC"}
+{"version":3,"file":"selectItemStyle.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/selectItemStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,QAAQ,gBAAgB,EACxB,UAAU;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAClE,qCAAqC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcpD,CAAC"}

package/dist/ui/Select/selectItemStyle.js

@@ -5,9 +5,13 @@
  */
 export const selectItemStyle = (styles, couleurs, { selected, highlighted, disabled }) => ({
     item: { ...styles.item, ...(disabled ? styles.itemDisabled : {}) },
-    band: { ...styles.band, ...(highlighted ? styles.bandHighlighted : {}) },
-    // Le survol ne doit pas repondre sur une option qu'on ne peut pas choisir.
-    bandHover: disabled ? undefined : styles.bandHighlighted,
+    band: styles.band,
+    // Repos et survol sur la seule prop `backgroundColor` (ADR 0031). Le survol ne repond pas sur
+    // une option qu'on ne peut pas choisir.
+    fondDeBande: {
+        default: highlighted ? styles.bandHighlighted.backgroundColor : undefined,
+        hover: disabled ? undefined : styles.bandHighlighted.backgroundColor,
+    },
     label: { ...styles.itemLabel, ...(disabled ? styles.itemLabelDisabled : {}) },
     icone: disabled ? couleurs.texteDesactive : couleurs.texte,
     caseACocher: caseACocherStyle(styles, { selected, disabled }),

package/dist/ui/Select/useDefilementVersSelection.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { LayoutChangeEvent, ScrollView } from 'react-native';
+import { LayoutChangeEvent } from 'react-native';
+import type { ScrollViewRef } from 'tamagui';
 /**
  * Amene l'option deja selectionnee sous les yeux a l'ouverture du panneau, deux lignes plus bas
  * que le haut de la liste pour qu'on voie ce qui la precede.
@@ -14,7 +15,7 @@ import { LayoutChangeEvent, ScrollView } from 'react-native';
  */
 export declare const positionDeDefilement: (y: number) => number;
 export declare const useDefilementVersSelection: (open: boolean) => {
-    scrollRef: React.RefObject<ScrollView | null>;
+    scrollRef: React.RefObject<ScrollViewRef | null>;
     onSelectedLayout: (event: LayoutChangeEvent) => void;
 };
 //# sourceMappingURL=useDefilementVersSelection.d.ts.map

package/dist/ui/Select/useDefilementVersSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDefilementVersSelection.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/useDefilementVersSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG7D;;;;;;;GAOG;AACH;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,MAAM,WAA2C,CAAC;AAE1F,eAAO,MAAM,0BAA0B,GAAI,MAAM,OAAO;;8BAWrB,iBAAiB;CASnD,CAAC"}
+{"version":3,"file":"useDefilementVersSelection.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/useDefilementVersSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C;;;;;;;GAOG;AACH;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,MAAM,WAA2C,CAAC;AAE1F,eAAO,MAAM,0BAA0B,GAAI,MAAM,OAAO;;8BAWrB,iBAAiB;CASnD,CAAC"}

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

@@ -57,13 +57,6 @@ declare const _default: {
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
-        sidebarItemTitleCurrentHoverDesktop: {
-            fontSize: 14;
-            lineHeight: 20;
-            letterSpacing: 0;
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
-        };
         sidebarItemTitleCurrentHoverMobile: {
             color: string;
             fontSize: 16;

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,wBAYkB;AAElB,eAAO,MAAM,YAAY,mCAsBxB,CAAC;AAaF,eAAO,MAAM,kBAAkB,mCA6D9B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,wBAYkB;AAElB,eAAO,MAAM,YAAY,mCAsBxB,CAAC;AAaF,eAAO,MAAM,kBAAkB,mCA6D9B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}

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

@@ -48,13 +48,6 @@ export declare const useStyles: () => {
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
-    sidebarItemTitleCurrentHoverDesktop: {
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
     sidebarItemTitleCurrentHoverMobile: {
         color: string;
         fontSize: 16;

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

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

package/dist/ui/Sidebar/Sidebar.styles.js

@@ -158,9 +158,6 @@ const titreDeLItem = ({ text, color }) => ({
         color: color.light.text['default-grey'],
         stroke: color.light.text['default-grey'],
     },
-    sidebarItemTitleCurrentHoverDesktop: {
-        ...text['Corps de texte'].SM.Bold,
-    },
     sidebarItemTitleCurrentHoverMobile: {
         ...text['Corps de texte'].MD.Medium,
         color: color.light.background['action-high-primary'],

package/dist/ui/Sidebar/SidebarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAGlD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AAoH3E,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAIlD,CAAC"}
+{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAGlD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AA+G3E,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAIlD,CAAC"}

package/dist/ui/Sidebar/SidebarItem.js

@@ -5,6 +5,7 @@ import React from 'react';
 import { Pressable } from 'react-native';
 import { A } from '../../core/A';
 import { Box } from '../../core/Box';
+import { fondAuSurvol } from '../../core/styleTamagui/fondAuSurvol';
 import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
 import { useStyles } from './Sidebar.styles';
@@ -24,28 +25,31 @@ const SidebarItemDesktop = (props) => {
     const { title, leading } = props;
     const styles = useStyles();
     const isCurrentPage = useEstPageCourante(props);
-    const itemStyleSelected = isCurrentPage ? styles.sidebarItemSelectedDesktop : {};
+    const { forme, fond } = fondAuSurvol(isCurrentPage ? styles.sidebarItemSelectedDesktop : {}, styles.sidebarItemHover.backgroundColor);
     const titleStyleSelected = isCurrentPage ? styles.sidebarItemTitleSelectedDesktop : {};
-    const sidebarItemTitleDesktop = isCurrentPage ? styles.sidebarItemTitleCurrentHoverDesktop : {};
-    return (_jsx(SidebarItemEnveloppe, { item: props, isCurrentPage: isCurrentPage, children: _jsxs(Box, { style: styles.sidebarItemContainerDesktop, children: [isCurrentPage && _jsx(IndicateurPageCourante, {}), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...itemStyleSelected }, 
+    return (_jsx(SidebarItemEnveloppe, { item: props, isCurrentPage: isCurrentPage, children: _jsxs(Box, { style: styles.sidebarItemContainerDesktop, children: [isCurrentPage && _jsx(IndicateurPageCourante, {}), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...forme }, 
                     // La ligne courante se survole comme ses voisines : elle est un lien au même titre, et
                     // lui réserver une teinte propre n'ajoutait qu'un cas particulier. Son fond de repos
                     // étant plus sombre, le survol commun l'éclaircit - la direction que prend Primer.
-                    hoverStyle: { ...styles.sidebarItemHover }, children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm' } }), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleDesktop }, children: title })] })] }) }));
+                    backgroundColor: fond, children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm' } }), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, children: title })] })] }) }));
 };
 const SidebarItemMobile = (props) => {
     const { title, leading } = props;
     const styles = useStyles();
     const isCurrentPage = useEstPageCourante(props);
-    const itemStyleSelected = isCurrentPage ? styles.sidebarItemSelectedMobile : {};
-    const titleStyleSelected = isCurrentPage ? styles.sidebarItemTitleSelectedMobile : {};
-    const sidebarItemTitleMobile = isCurrentPage ? styles.sidebarItemTitleCurrentHoverMobile : {};
-    return (_jsx(SidebarItemEnveloppe, { item: props, isCurrentPage: isCurrentPage, children: _jsxs(Box, { children: [isCurrentPage && _jsx(IndicateurPageCourante, {}), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemMobile, ...itemStyleSelected }, hoverStyle: { ...styles.sidebarItemHover }, children: [_jsx(LeadingSlot, { contenu: leading, apparence: {
+    const { forme, fond } = fondAuSurvol(isCurrentPage ? styles.sidebarItemSelectedMobile : {}, styles.sidebarItemHover.backgroundColor);
+    // Comme le fond, la couleur du titre courant porte repos et survol sur sa seule prop.
+    const { color: couleurDuTitre, ...titre } = {
+        ...styles.sidebarItemTitleMobile,
+        ...(isCurrentPage ? styles.sidebarItemTitleSelectedMobile : {}),
+    };
+    const couleurAuSurvol = isCurrentPage ? styles.sidebarItemTitleCurrentHoverMobile.color : undefined;
+    return (_jsx(SidebarItemEnveloppe, { item: props, isCurrentPage: isCurrentPage, children: _jsxs(Box, { children: [isCurrentPage && _jsx(IndicateurPageCourante, {}), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemMobile, ...forme }, backgroundColor: fond, children: [_jsx(LeadingSlot, { contenu: leading, apparence: {
                                 size: 'md',
                                 color: isCurrentPage
                                     ? styles.sidebarItemTitleSelectedMobile.color
                                     : styles.sidebarItemTitleSelectedMobile.stroke,
-                            } }), _jsx(Typography, { style: { ...styles.sidebarItemTitleMobile, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleMobile }, children: title })] })] }) }));
+                            } }), _jsx(Typography, { style: titre, color: { default: couleurDuTitre, hover: couleurAuSurvol }, children: title })] })] }) }));
 };
 export const SidebarItem = (props) => {
     const { isVariant } = useTheme();

package/dist/ui/Signature/Signature.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BoxProps } from '../../core/Box';
-export type SignatureProps = Omit<BoxProps, 'children'> & {
+export type SignatureProps = Omit<BoxProps, 'children' | 'onChange'> & {
     height: number;
     date?: string | Date;
     dateLabel?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Signature.d.ts","sourceRoot":"","sources":["../../../src/ui/Signature/Signature.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAwDF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,sBA0C9C,CAAC"}
+{"version":3,"file":"Signature.d.ts","sourceRoot":"","sources":["../../../src/ui/Signature/Signature.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IACrE,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAwDF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,sBA0C9C,CAAC"}

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

@@ -8,6 +8,7 @@ declare const _default: {
     styleFn: () => {
         skeleton: {
             overflow: "hidden";
+            position: "relative";
         };
         pulse: {
             position: "absolute";

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,wBAakB;AAElB,eAAO,MAAM,KAAK,mCAAiC,CAAC;AAEpD,eAAO,MAAM,KAAK,mCAA4C,CAAC;AAE/D,eAAO,MAAM,IAAI,mCAA8D,CAAC;AAEhF,eAAO,MAAM,SAAS,mCAAmD,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,UAAU,mCAOtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,mCAY1B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,wBAakB;AAElB,eAAO,MAAM,KAAK,mCAAiC,CAAC;AAEpD,eAAO,MAAM,KAAK,mCAA4C,CAAC;AAE/D,eAAO,MAAM,IAAI,mCAA8D,CAAC;AAEhF,eAAO,MAAM,SAAS,mCAAmD,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,UAAU,mCAOtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,mCAY1B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

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

@@ -1,6 +1,7 @@
 export declare const useStyles: () => {
     skeleton: {
         overflow: "hidden";
+        position: "relative";
     };
     pulse: {
         position: "absolute";

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

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

package/dist/ui/Skeleton/Skeleton.styles.js

@@ -2,6 +2,8 @@ import { makeStyles } from '@alveole/theme';
 export const useStyles = makeStyles(({ color }) => ({
     skeleton: {
         overflow: 'hidden',
+        // Le reflet s'y tend en absolu : Tamagui v2 ne rend plus chaque vue relative.
+        position: 'relative',
     },
     pulse: {
         position: 'absolute',

package/dist/ui/Switch/Switch.d.ts

@@ -9,7 +9,7 @@ export type SwitchProps = Omit<TamaguiSwitchProps, 'value' | 'onChange'> & {
     success?: string;
     noPadding?: boolean;
 };
-export declare const Switch: React.ForwardRefExoticComponent<Omit<TamaguiSwitchProps, "value" | "onChange"> & {
+export declare const Switch: React.ForwardRefExoticComponent<Omit<TamaguiSwitchProps, "onChange" | "value"> & {
     id?: string;
     label?: string;
     style?: CSSProperties;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAS,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,cAAc,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAO5G,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM;SARZ,MAAM;YACH,MAAM;YACN,aAAa;YACb,MAAM;cACJ,MAAM;gBACJ,OAAO;wCAoEnB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAS,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AASrG,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AASF,eAAO,MAAM,MAAM;SAfZ,MAAM;YACH,MAAM;YACN,aAAa;YACb,MAAM;cACJ,MAAM;gBACJ,OAAO;wCAwEnB,CAAC"}