@alveole/components 2.0.0-alpha.2 → 2.0.0-alpha.20

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.js

@@ -13,5 +13,5 @@ export const RadioGroup = React.forwardRef(function RadioGroup(props, ref) {
     const { children, value, label, labelRight, hint, error, success, disabled, onChange, variant = 'default', ...groupProps } = props;
     const styles = useStyles();
     const labelId = React.useId();
-    return (_jsx(RadioGroupContext.Provider, { value: { value, onChange }, children: _jsxs(Box, { tag: "radio-group", style: styles.container, children: [_jsxs(Box, { tag: "radio-group-heading", children: [!!label && _jsx(FormControlLabel, { id: labelId, labelRight: labelRight, label: label, disabled: disabled }), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(Box, { width: '100%', children: _jsx(TamaguiRadioGroup, { orientation: "vertical", ref: ref, "aria-labelledby": label ? labelId : undefined, value: value, onValueChange: onChange, style: [styles.group, variant === 'card' ? styles.groupCard : styles.groupItem], width: "100%", ...groupProps, minWidth: '100%', children: children }) }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }) }));
+    return (_jsx(RadioGroupContext.Provider, { value: { value, onChange, disabled }, children: _jsxs(Box, { tag: "radio-group", style: styles.container, children: [_jsxs(Box, { tag: "radio-group-heading", children: [!!label && _jsx(FormControlLabel, { id: labelId, labelRight: labelRight, label: label, disabled: disabled }), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(Box, { width: '100%', children: _jsx(TamaguiRadioGroup, { orientation: "vertical", ref: ref, "aria-labelledby": label ? labelId : undefined, value: value, onValueChange: onChange, style: [styles.group, variant === 'card' ? styles.groupCard : styles.groupItem], width: "100%", ...groupProps, minWidth: '100%', children: children }) }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }) }));
 });

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,23 +27,22 @@ 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;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         itemCardIcon: {
             display: "flex";
             justifyContent: "center";
             alignItems: "center";
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         itemCardSeparator: {
             borderTopWidth: number;
-            borderTopColor: string;
+            borderTopColor: import("@alveole/theme").ThemeColor;
         };
         radioGroupCardContent: {
             display: "flex";
@@ -75,7 +74,7 @@ declare const _default: {
         };
         itemContainer: {
             backgroundColor: "#FFFFFF";
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         itemContainerSm: {
             height: import("@alveole/theme").Spacing;
@@ -86,14 +85,13 @@ declare const _default: {
             width: import("@alveole/theme").Spacing;
         };
         itemContainerActive: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         itemIndicator: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             height: number;
             width: number;
         };
-        itemContainerFocused: import("@alveole/theme").FocusRingStyle;
         container: {
             width: "100%";
             display: "flex";
@@ -108,7 +106,7 @@ declare const _default: {
             flexDirection: "column";
         };
         groupCard: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
             overflow: "hidden";
@@ -122,7 +120,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
     };
 };

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.stories.js

@@ -19,9 +19,9 @@ export const Cards = () => {
     const [value, setValue] = useState('oui');
     return (_jsxs(RadioGroup, { value: value, onChange: setValue, label: "Confirmez-vous ?", children: [_jsx(RadioGroup.Card, { value: "oui", label: "Oui", leading: "Check" }), _jsx(RadioGroup.Card, { value: "non", label: "Non", leading: "X" })] }));
 };
-export const WithError = () => (_jsx(Box, { display: "flex", flexDirection: "column", gap: 24, children: _jsxs(RadioGroup, { value: "a", label: "Avec erreur", error: "Veuillez faire un choix", children: [_jsx(RadioGroup.Item, { value: "a", children: "Option A" }), _jsx(RadioGroup.Item, { value: "b", children: "Option B" })] }) }));
+export const WithError = () => (_jsx(Box, { display: "flex", flexDirection: "column", gap: "3W", children: _jsxs(RadioGroup, { value: "a", label: "Avec erreur", error: "Veuillez faire un choix", children: [_jsx(RadioGroup.Item, { value: "a", children: "Option A" }), _jsx(RadioGroup.Item, { value: "b", children: "Option B" })] }) }));
 export const RadioInput = () => {
     const [value, setValue] = useState('tutu');
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(RadioGroup.Input, { id: "exemple-input", label: "Petit", size: "sm", value: "tutu", checked: value === 'tutu', onChange: setValue }), _jsx(RadioGroup.Input, { id: "exemple-input-md", label: "Moyen", size: "md", value: "toto", checked: value === 'toto', onChange: setValue })] }));
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(RadioGroup.Input, { id: "exemple-input", label: "Petit", size: "sm", value: "tutu", checked: value === 'tutu', onChange: setValue }), _jsx(RadioGroup.Input, { id: "exemple-input-md", label: "Moyen", size: "md", value: "toto", checked: value === 'toto', onChange: setValue })] }));
 };
 export * as Sources from './RadioGroup.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+X,CAAC;AAEpZ,eAAO,MAAM,KAAK,cAA2V,CAAC;AAE9W,eAAO,MAAM,SAAS,cAA4V,CAAC;AAEnX,eAAO,MAAM,UAAU,cAAglB,CAAC;AAExmB,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"RadioGroup.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+X,CAAC;AAEpZ,eAAO,MAAM,KAAK,cAA2V,CAAC;AAE9W,eAAO,MAAM,SAAS,cAA8V,CAAC;AAErX,eAAO,MAAM,UAAU,cAAklB,CAAC;AAE1mB,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -2,8 +2,8 @@
 // Source: src/ui/RadioGroup/RadioGroup.stories.tsx
 export const Default = () => "export const Default = () => {\n  const [value, setValue] = useState('a');\n  return (\n    <RadioGroup value={value} onChange={setValue} label=\"Choix\">\n      <RadioGroup.Item value=\"a\">Option A</RadioGroup.Item>\n      <RadioGroup.Item value=\"b\">Option B</RadioGroup.Item>\n      <RadioGroup.Item value=\"c\">Option C</RadioGroup.Item>\n    </RadioGroup>\n  );\n};";
 export const Cards = () => "export const Cards = () => {\n  const [value, setValue] = useState('oui');\n  return (\n    <RadioGroup value={value} onChange={setValue} label=\"Confirmez-vous ?\">\n      <RadioGroup.Card value=\"oui\" label=\"Oui\" leading=\"Check\" />\n      <RadioGroup.Card value=\"non\" label=\"Non\" leading=\"X\" />\n    </RadioGroup>\n  );\n};";
-export const WithError = () => "export const WithError = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <RadioGroup value=\"a\" label=\"Avec erreur\" error=\"Veuillez faire un choix\">\n      <RadioGroup.Item value=\"a\">Option A</RadioGroup.Item>\n      <RadioGroup.Item value=\"b\">Option B</RadioGroup.Item>\n    </RadioGroup>\n  </Box>\n);";
-export const RadioInput = () => "export const RadioInput = () => {\n  const [value, setValue] = useState('tutu');\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n      <RadioGroup.Input\n        id=\"exemple-input\"\n        label=\"Petit\"\n        size=\"sm\"\n        value=\"tutu\"\n        checked={value === 'tutu'}\n        onChange={setValue}\n      />\n      <RadioGroup.Input\n        id=\"exemple-input-md\"\n        label=\"Moyen\"\n        size=\"md\"\n        value=\"toto\"\n        checked={value === 'toto'}\n        onChange={setValue}\n      />\n    </Box>\n  );\n};";
+export const WithError = () => "export const WithError = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n    <RadioGroup value=\"a\" label=\"Avec erreur\" error=\"Veuillez faire un choix\">\n      <RadioGroup.Item value=\"a\">Option A</RadioGroup.Item>\n      <RadioGroup.Item value=\"b\">Option B</RadioGroup.Item>\n    </RadioGroup>\n  </Box>\n);";
+export const RadioInput = () => "export const RadioInput = () => {\n  const [value, setValue] = useState('tutu');\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n      <RadioGroup.Input\n        id=\"exemple-input\"\n        label=\"Petit\"\n        size=\"sm\"\n        value=\"tutu\"\n        checked={value === 'tutu'}\n        onChange={setValue}\n      />\n      <RadioGroup.Input\n        id=\"exemple-input-md\"\n        label=\"Moyen\"\n        size=\"md\"\n        value=\"toto\"\n        checked={value === 'toto'}\n        onChange={setValue}\n      />\n    </Box>\n  );\n};";
 export const storySources = {
     Default,
     Cards,

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

@@ -12,23 +12,22 @@ 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;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     itemCardIcon: {
         display: "flex";
         justifyContent: "center";
         alignItems: "center";
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     itemCardSeparator: {
         borderTopWidth: number;
-        borderTopColor: string;
+        borderTopColor: import("@alveole/theme").ThemeColor;
     };
     radioGroupCardContent: {
         display: "flex";
@@ -60,7 +59,7 @@ export declare const useStyles: () => {
     };
     itemContainer: {
         backgroundColor: "#FFFFFF";
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     itemContainerSm: {
         height: import("@alveole/theme").Spacing;
@@ -71,14 +70,13 @@ export declare const useStyles: () => {
         width: import("@alveole/theme").Spacing;
     };
     itemContainerActive: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     itemIndicator: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         height: number;
         width: number;
     };
-    itemContainerFocused: import("@alveole/theme").FocusRingStyle;
     container: {
         width: "100%";
         display: "flex";
@@ -93,7 +91,7 @@ export declare const useStyles: () => {
         flexDirection: "column";
     };
     groupCard: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
         borderWidth: number;
         overflow: "hidden";
@@ -107,7 +105,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=RadioGroup.styles.d.ts.map

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',
@@ -37,12 +34,12 @@ const ligne = ({ color, spacingValue }) => ({
         borderColor: color.light.border['action-high-primary'],
     },
     itemContainerSm: {
-        height: spacingValue('100'),
-        width: spacingValue('100'),
+        height: spacingValue('2W'),
+        width: spacingValue('2W'),
     },
     itemContainerMd: {
-        height: spacingValue('150'),
-        width: spacingValue('150'),
+        height: spacingValue('3W'),
+        width: spacingValue('3W'),
     },
     itemContainerActive: {
         borderColor: color.light.border['action-high-primary'],
@@ -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: "1W", 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/RadioGroupContext.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export type RadioGroupCtx = {
     value?: string;
+    disabled?: boolean;
     onChange?: (v: string) => void;
 };
 export declare const RadioGroupContext: React.Context<RadioGroupCtx>;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,8BAAyC,CAAC;AACxE,eAAO,MAAM,aAAa,qBAA4C,CAAC"}
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,8BAAyC,CAAC;AACxE,eAAO,MAAM,aAAa,qBAA4C,CAAC"}

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;AAErC,OAAO,EAAE,cAAc,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAS5F,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,sBAyCxD,CAAC"}

package/dist/ui/RadioGroup/RadioGroupItem.js

@@ -1,8 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId } from 'react';
-import { Label } from 'tamagui';
+import { Platform, Pressable } from 'react-native';
+import { Label } from 'tamagui/unstyled';
 import { Box } from '../../core/Box';
+import { versStyleNatif } from '../../core/styleNatif/versStyleNatif';
 import { Typography } from '../../core/Typography';
+import { useRadioGroup } from './RadioGroupContext';
 import { useStyles } from './RadioGroupItem.styles';
 import { RadioInput } from './RadioInput';
 export const RadioGroupItem = (props) => {
@@ -10,5 +13,7 @@ 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 }) })] }) }));
+    const { onChange, disabled } = useRadioGroup();
+    const contenu = (_jsxs(_Fragment, { children: [_jsx(Box, { children: _jsx(RadioInput, { value: value, id: id, size: "md", label: children }) }), _jsx(Box, { children: _jsx(Typography, { style: styles.itemLabel, children: children }) })] }));
+    return (_jsx(Box, { tag: "radio-group-item", style: styles.item, children: Platform.OS === 'web' ? (_jsx(Label, { htmlFor: id, style: styles.labelContainer, children: contenu })) : (_jsx(Pressable, { accessible: false, disabled: disabled, pointerEvents: "box-only", style: versStyleNatif(styles.labelContainer), onPress: () => onChange?.(value), children: contenu })) }));
 };

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

@@ -18,7 +18,7 @@ export declare const useStyles: () => {
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
         cursor: "pointer";
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=RadioGroupItem.styles.d.ts.map

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

@@ -17,7 +17,7 @@ declare const _default: {
             paddingBottom: string | number;
         };
         enteteTitle: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -32,7 +32,7 @@ declare const _default: {
         };
         withBorder: {
             borderWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderLeftWidth: number;
             borderRightWidth: number;
         };
@@ -54,6 +54,8 @@ export declare const Default: () => import("react").JSX.Element;
 export declare const WithTitle: () => import("react").JSX.Element;
 export declare const WithIcon: () => import("react").JSX.Element;
 export declare const WithPreviewImageAndTrailing: () => import("react").JSX.Element;
+/** Sans description, le contenu garde ses 52px de haut. */
+export declare const WithoutDescription: () => import("react").JSX.Element;
 /**
  * Quand `isLoading` est `true`, la liste entière est remplacée par un
  * spinner centré. Aucun délai n'est appliqué ici : le chargement initial

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceList.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBASkB;AA6BlB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAUrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAcpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAevC,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"ResourceList.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBASkB;AA6BlB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAUrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAcpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAevC,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,mCAO9B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAQvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}

package/dist/ui/ResourceList/ResourceList.stories.js

@@ -43,6 +43,8 @@ export const Default = () => (_jsx(ResourceList, { data: exampleData, keyExtract
 export const WithTitle = () => (_jsx(ResourceList, { titre: "Titre de la liste", data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export const WithIcon = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, IconProps: { name: 'Settings' }, showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export const WithPreviewImageAndTrailing = () => (_jsx(ResourceList, { data: exampleDataWithPreview, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, preview_url: item.preview_url, trailing: () => _jsx(LucideIcon, { name: "ChevronRight", size: "sm" }), showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
+/** Sans description, le contenu garde ses 52px de haut. */
+export const WithoutDescription = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => _jsx(ListItem, { title: item.name, showSeparateur: index !== 0 }), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 const aucunExemple = [];
 /**
  * Quand `isLoading` est `true`, la liste entière est remplacée par un
@@ -52,5 +54,5 @@ const aucunExemple = [];
  */
 export const IsLoading = () => (_jsx(ResourceList, { data: aucunExemple, isLoading: true, keyExtractor: item => item.id, renderItem: () => null, renderNoContent: () => null }));
 export const WithNoContent = () => (_jsx(ResourceList, { data: aucunExemple, keyExtractor: item => item.id, renderItem: ({ item }) => _jsx(ListItem, { title: item.name, description: item.description }), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
-export const WithDivider = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, showSeparateur: index !== 0 })), ItemSeparatorComponent: ResourceListDivider, renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
+export const WithDivider = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item }) => _jsx(ListItem, { title: item.name, description: item.description, showSeparateur: false }), ItemSeparatorComponent: ResourceListDivider, renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export * as Sources from './ResourceList.stories.sources';

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

@@ -2,6 +2,7 @@ export declare const Default: () => string;
 export declare const WithTitle: () => string;
 export declare const WithIcon: () => string;
 export declare const WithPreviewImageAndTrailing: () => string;
+export declare const WithoutDescription: () => string;
 export declare const IsLoading: () => string;
 export declare const WithNoContent: () => string;
 export declare const WithDivider: () => string;
@@ -10,6 +11,7 @@ export declare const storySources: {
     readonly WithTitle: () => string;
     readonly WithIcon: () => string;
     readonly WithPreviewImageAndTrailing: () => string;
+    readonly WithoutDescription: () => string;
     readonly IsLoading: () => string;
     readonly WithNoContent: () => string;
     readonly WithDivider: () => string;

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceList.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+Y,CAAC;AAEpa,eAAO,MAAM,SAAS,cAAkb,CAAC;AAEzc,eAAO,MAAM,QAAQ,cAA4d,CAAC;AAElf,eAAO,MAAM,2BAA2B,cAAmkB,CAAC;AAE5mB,eAAO,MAAM,SAAS,cAAwN,CAAC;AAE/O,eAAO,MAAM,aAAa,cAAkW,CAAC;AAE7X,eAAO,MAAM,WAAW,cAAqc,CAAC;AAE9d,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAEtE,CAAC"}
+{"version":3,"file":"ResourceList.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+Y,CAAC;AAEpa,eAAO,MAAM,SAAS,cAAkb,CAAC;AAEzc,eAAO,MAAM,QAAQ,cAA4d,CAAC;AAElf,eAAO,MAAM,2BAA2B,cAAmkB,CAAC;AAE5mB,eAAO,MAAM,kBAAkB,cAA2W,CAAC;AAE3Y,eAAO,MAAM,SAAS,cAAwN,CAAC;AAE/O,eAAO,MAAM,aAAa,cAAkW,CAAC;AAE7X,eAAO,MAAM,WAAW,cAAwa,CAAC;AAEjc,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}

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

@@ -4,18 +4,21 @@ export const Default = () => "export const Default = () => (\n  <ResourceList\n
 export const WithTitle = () => "export const WithTitle = () => (\n  <ResourceList\n    titre=\"Titre de la liste\"\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem title={item.name} description={item.description} showSeparateur={index !== 0} />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const WithIcon = () => "export const WithIcon = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem\n        title={item.name}\n        description={item.description}\n        IconProps={{ name: 'Settings' }}\n        showSeparateur={index !== 0}\n      />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const WithPreviewImageAndTrailing = () => "export const WithPreviewImageAndTrailing = () => (\n  <ResourceList\n    data={exampleDataWithPreview}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem\n        title={item.name}\n        description={item.description}\n        preview_url={item.preview_url}\n        trailing={() => <LucideIcon name=\"ChevronRight\" size=\"sm\" />}\n        showSeparateur={index !== 0}\n      />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
+export const WithoutDescription = () => "export const WithoutDescription = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => <ListItem title={item.name} showSeparateur={index !== 0} />}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const IsLoading = () => "export const IsLoading = () => (\n  <ResourceList\n    data={aucunExemple}\n    isLoading={true}\n    keyExtractor={item => item.id}\n    renderItem={() => null}\n    renderNoContent={() => null}\n  />\n);";
 export const WithNoContent = () => "export const WithNoContent = () => (\n  <ResourceList\n    data={aucunExemple}\n    keyExtractor={item => item.id}\n    renderItem={({ item }) => <ListItem title={item.name} description={item.description} />}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
-export const WithDivider = () => "export const WithDivider = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem title={item.name} description={item.description} showSeparateur={index !== 0} />\n    )}\n    ItemSeparatorComponent={ResourceListDivider}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
+export const WithDivider = () => "export const WithDivider = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item }) => <ListItem title={item.name} description={item.description} showSeparateur={false} />}\n    ItemSeparatorComponent={ResourceListDivider}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const storySources = {
     Default,
     WithTitle,
     WithIcon,
     WithPreviewImageAndTrailing,
+    WithoutDescription,
     IsLoading,
     WithNoContent,
     WithDivider,
 };
 export const storyDescriptions = {
+    WithoutDescription: "Sans description, le contenu garde ses 52px de haut.",
     IsLoading: "Quand `isLoading` est `true`, la liste entière est remplacée par un\nspinner centré. Aucun délai n'est appliqué ici : le chargement initial\nd'une liste vide n'a rien à afficher, le spinner apparaît donc\nimmédiatement pour éviter un écran blanc sans feedback.",
 };

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

@@ -10,7 +10,7 @@ export declare const useStyles: () => {
         paddingBottom: string | number;
     };
     enteteTitle: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -25,7 +25,7 @@ export declare const useStyles: () => {
     };
     withBorder: {
         borderWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         borderLeftWidth: number;
         borderRightWidth: number;
     };

package/dist/ui/ResourceList/ResourceListDivider.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '../../core/Box';
 import { Divider } from '../Divider';
-export const ResourceListDivider = () => (_jsx(Box, { pl: "100", pr: "100", children: _jsx(Divider, {}) }));
+export const ResourceListDivider = () => (_jsx(Box, { pl: "2W", pr: "2W", children: _jsx(Divider, {}) }));

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

@@ -8,7 +8,7 @@ declare const _default: {
     component: import("react").ForwardRefExoticComponent<import("./Select.types").SelectProps & import("react").RefAttributes<import("./Select.types").SelectRef>>;
     styleFn: () => {
         value: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             flex: number;
             fontSize: 14;
             lineHeight: 20;
@@ -17,13 +17,12 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         valuePlaceholder: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         valueDisabled: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         inputInnerMultiple: {
-            alignItems: "flex-start";
             paddingTop: string | number;
             paddingBottom: string | number;
         };
@@ -50,18 +49,18 @@ declare const _default: {
             borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
             borderStyle: "solid";
-            borderColor: string;
-            backgroundColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             width: "100%";
         };
         inputError: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         inputSuccess: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         inputDisabled: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         inputCursor: {
             cursor: "pointer";

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAwCkB;AA2ClB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAelB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,UAAU,mCAStB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,mCAmCxB,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,mCAyBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,mCAiCnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAwCkB;AA2ClB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAelB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,UAAU,mCAStB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,mCAmCxB,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,mCAyBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,mCAiCnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}