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

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.styles.ts"],"names":[],"mappings":"AA6GA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiF,CAAC"}
+{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.styles.ts"],"names":[],"mappings":"AAmHA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiF,CAAC"}

package/dist/ui/ListItem/ListItem.styles.js

@@ -15,11 +15,15 @@ const ligne = ({ color, radius, spacing }) => ({
         gap: spacing('3V'),
         alignSelf: 'stretch',
     },
-    itemHover: {
-        backgroundColor: color.alpha(color.light.background['alt-grey'], 0.75),
+    // Rayon et curseur au repos : sans fond, le rayon ne se voit qu'au survol, que porte la
+    // seule prop `backgroundColor` (clause de Tamagui v3).
+    itemPressable: {
         borderRadius: radius('md'),
         cursor: 'pointer',
     },
+    itemHover: {
+        backgroundColor: color.alpha(color.light.background['alt-grey'], 0.75),
+    },
     loading: {
         display: 'flex',
         alignItems: 'center',
@@ -39,6 +43,8 @@ const detail = ({ color, text, spacing }) => ({
         alignSelf: 'stretch',
         gap: spacing('1W'),
         position: 'relative',
+        // Hauteur fixee par la maquette, avec ou sans description.
+        minHeight: 52,
     },
     // Pose en absolu sur le bord haut du detail, et non entre deux lignes : c'est ce qui lui
     // evite de compter dans la hauteur de la ligne.

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

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAUkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAAiE,CAAC;AAEtF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,mCAiB5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"LucideIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAUkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAAiE,CAAC;AAEtF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,mCAiB5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/LucideIcon/LucideIcon.stories.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spacings } from '@alveole/theme';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { LucideIcon } from './LucideIcon';
@@ -20,5 +21,5 @@ export const Colored = () => _jsx(LucideIcon, { name: "AArrowDown", size: "md",
  * En passant `name="Share"`, le composant sélectionne automatiquement l'icône adaptée à la plateforme courante.
  * La prop `_platformOverride` est utilisée ici uniquement pour forcer l'affichage de chaque variante dans la story.
  */
-export const SharePerPlatform = () => (_jsx(Box, { style: { gap: 24 }, children: _jsxs(Box, { style: { flexDirection: 'row', gap: 24 }, children: [_jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Web" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "web" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Android" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "android" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "iOS" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "ios" })] })] }) }));
+export const SharePerPlatform = () => (_jsx(Box, { style: { gap: Spacings['3W'] }, children: _jsxs(Box, { style: { flexDirection: 'row', gap: Spacings['3W'] }, children: [_jsxs(Box, { style: { alignItems: 'center', gap: Spacings['1W'] }, children: [_jsx(Typography, { children: "Web" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "web" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: Spacings['1W'] }, children: [_jsx(Typography, { children: "Android" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "android" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: Spacings['1W'] }, children: [_jsx(Typography, { children: "iOS" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "ios" })] })] }) }));
 export * as Sources from './LucideIcon.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgR,CAAC;AAErS,eAAO,MAAM,OAAO,cAAuG,CAAC;AAE5H,eAAO,MAAM,gBAAgB,cAA2sB,CAAC;AAEzuB,eAAO,MAAM,YAAY;;;;CAIf,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":"LucideIcon.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgR,CAAC;AAErS,eAAO,MAAM,OAAO,cAAuG,CAAC;AAE5H,eAAO,MAAM,gBAAgB,cAA0wB,CAAC;AAExyB,eAAO,MAAM,YAAY;;;;CAIf,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"}

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

@@ -2,7 +2,7 @@
 // Source: src/ui/LucideIcon/LucideIcon.stories.tsx
 export const Default = () => "export const Default = () => (\n  <Box>\n    <LucideIcon name=\"AArrowDown\" size=\"sm\" />\n    <LucideIcon name=\"AArrowDown\" size=\"md\" />\n    <LucideIcon name=\"AArrowDown\" size=\"lg\" />\n    <LucideIcon name=\"AArrowDown\" size=\"xl\" />\n  </Box>\n);";
 export const Colored = () => "export const Colored = () => <LucideIcon name=\"AArrowDown\" size=\"md\" color=\"green\" />;";
-export const SharePerPlatform = () => "export const SharePerPlatform = () => (\n  <Box style={{ gap: 24 }}>\n    <Box style={{ flexDirection: 'row', gap: 24 }}>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Web</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"web\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Android</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"android\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>iOS</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"ios\" />\n      </Box>\n    </Box>\n  </Box>\n);";
+export const SharePerPlatform = () => "export const SharePerPlatform = () => (\n  <Box style={{ gap: Spacings['3W'] }}>\n    <Box style={{ flexDirection: 'row', gap: Spacings['3W'] }}>\n      <Box style={{ alignItems: 'center', gap: Spacings['1W'] }}>\n        <Typography>Web</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"web\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: Spacings['1W'] }}>\n        <Typography>Android</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"android\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: Spacings['1W'] }}>\n        <Typography>iOS</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"ios\" />\n      </Box>\n    </Box>\n  </Box>\n);";
 export const storySources = {
     Default,
     Colored,