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

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

@@ -108,7 +108,7 @@ const item = ({ color, spacing }) => ({
 });
 const etatDeLItem = ({ color, spacing, radius }) => ({
     sidebarItemSelectedDesktop: {
-        backgroundColor: color.light.background['contrast-grey'],
+        backgroundColor: color.light.background['default-grey-active'],
     },
     sidebarItemSelectedMobile: {
         borderRadius: radius('lg'),

package/dist/ui/TextareaInput/TextareaInput.d.ts

@@ -14,6 +14,7 @@ export declare const TextareaInput: React.ForwardRefExoticComponent<Omit<import(
     openModal?: boolean;
     modalSubmitLabel?: string;
     onModalSubmit?: () => void;
+    resize?: "none" | "vertical" | "horizontal" | "both";
 } & {
     numberOfLines?: number;
     onModalSubmit?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK7E,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;oBAJR,MAAM;oBACN,MAAM,IAAI;0CAkB1B,CAAC"}
+{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK7E,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;oBAJR,MAAM;oBACN,MAAM,IAAI;0CAkB1B,CAAC"}

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

@@ -13,6 +13,7 @@ declare const _default: {
         openModal?: boolean;
         modalSubmitLabel?: string;
         onModalSubmit?: () => void;
+        resize?: "none" | "vertical" | "horizontal" | "both";
     } & {
         numberOfLines?: number;
         onModalSubmit?: () => void;
@@ -21,5 +22,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => import("react").JSX.Element;
+export declare const Redimensionnable: () => import("react").JSX.Element;
 export * as Sources from './TextareaInput.stories.sources';
 //# sourceMappingURL=TextareaInput.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,wBAOkB;AAYlB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"TextareaInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}

package/dist/ui/TextareaInput/TextareaInput.stories.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '../../core/Box';
-import { FormControl, FormControlLabel } from '../FormControl';
-import { InputHeading } from '../InputHeading';
+import { FormControl } from '../FormControl';
 import { TextareaInput } from './TextareaInput';
 export default {
     title: 'TextareaInput',
@@ -11,7 +10,6 @@ export default {
     component: TextareaInput,
     styleFn: () => ({}),
 };
-// TextareaInput est le champ nu : c'est FormControl qui porte le libellé et le relie au champ.
-const Champ = ({ label, children }) => (_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: label }) }), children] }));
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(Champ, { label: "Message", children: _jsx(TextareaInput, { placeholder: "Votre message...", numberOfLines: 4 }) }), _jsx(Champ, { label: "Avec valeur", children: _jsx(TextareaInput, { value: "Contenu du message", numberOfLines: 4 }) }), _jsx(Champ, { label: "D\u00E9sactiv\u00E9", children: _jsx(TextareaInput, { placeholder: "D\u00E9sactiv\u00E9", disabled: true, numberOfLines: 4 }) })] }));
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(FormControl, { label: "Message", children: _jsx(TextareaInput, { placeholder: "Votre message...", numberOfLines: 4 }) }), _jsx(FormControl, { label: "Avec valeur", children: _jsx(TextareaInput, { value: "Contenu du message", numberOfLines: 4 }) }), _jsx(FormControl, { label: "D\u00E9sactiv\u00E9", children: _jsx(TextareaInput, { placeholder: "D\u00E9sactiv\u00E9", disabled: true, numberOfLines: 4 }) })] }));
+export const Redimensionnable = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(FormControl, { label: "Verticalement", children: _jsx(TextareaInput, { placeholder: "Tirer le coin pour agrandir...", numberOfLines: 4, resize: "vertical" }) }), _jsx(FormControl, { label: "Dans les deux sens", children: _jsx(TextareaInput, { placeholder: "Tirer le coin pour agrandir...", numberOfLines: 4, resize: "both" }) })] }));
 export * as Sources from './TextareaInput.stories.sources';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAoe,CAAC;AAEzf,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"TextareaInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAwgB,CAAC;AAE7hB,eAAO,MAAM,gBAAgB,cAAyd,CAAC;AAEvf,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +1,8 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/TextareaInput/TextareaInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n    <Champ label=\"Message\">\n      <TextareaInput placeholder=\"Votre message...\" numberOfLines={4} />\n    </Champ>\n    <Champ label=\"Avec valeur\">\n      <TextareaInput value=\"Contenu du message\" numberOfLines={4} />\n    </Champ>\n    <Champ label=\"Désactivé\">\n      <TextareaInput placeholder=\"Désactivé\" disabled numberOfLines={4} />\n    </Champ>\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n    <FormControl label=\"Message\">\n      <TextareaInput placeholder=\"Votre message...\" numberOfLines={4} />\n    </FormControl>\n    <FormControl label=\"Avec valeur\">\n      <TextareaInput value=\"Contenu du message\" numberOfLines={4} />\n    </FormControl>\n    <FormControl label=\"Désactivé\">\n      <TextareaInput placeholder=\"Désactivé\" disabled numberOfLines={4} />\n    </FormControl>\n  </Box>\n);";
+export const Redimensionnable = () => "export const Redimensionnable = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n    <FormControl label=\"Verticalement\">\n      <TextareaInput placeholder=\"Tirer le coin pour agrandir...\" numberOfLines={4} resize=\"vertical\" />\n    </FormControl>\n    <FormControl label=\"Dans les deux sens\">\n      <TextareaInput placeholder=\"Tirer le coin pour agrandir...\" numberOfLines={4} resize=\"both\" />\n    </FormControl>\n  </Box>\n);";
 export const storySources = {
     Default,
+    Redimensionnable,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "2.0.0-alpha.20",
+  "version": "2.0.0-alpha.21",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,23 +28,23 @@
     "@react-native-community/datetimepicker": "9.2.1",
     "@react-native/jest-preset": "0.88.0",
     "@shopify/flash-list": "2.3.2",
-    "@tamagui/core": "3.1.3",
-    "@tamagui/toast": "3.1.3",
+    "@tamagui/core": "3.1.9",
+    "@tamagui/toast": "3.1.9",
     "@testing-library/react": "16.3.3",
     "@testing-library/react-native": "14.1.0",
     "@types/react-syntax-highlighter": "15.5.13",
     "babel-preset-expo": "58.0.20",
     "eslint": "10.13.0",
-    "expo": "58.0.19",
+    "expo": "58.0.21",
     "expo-application": "58.1.2",
-    "expo-asset": "58.0.18",
+    "expo-asset": "58.0.19",
     "expo-document-picker": "58.0.4",
     "expo-image-picker": "58.0.10",
     "expo-in-app-updates": "0.13.0",
     "expo-linear-gradient": "58.0.3",
-    "expo-modules-core": "58.0.26",
-    "expo-router": "58.0.26",
-    "expo-system-ui": "58.0.6",
+    "expo-modules-core": "58.0.28",
+    "expo-router": "58.0.28",
+    "expo-system-ui": "58.0.7",
     "expo-web-browser": "58.0.7",
     "jest": "29.7.0",
     "jest-environment-jsdom": "30.5.2",
@@ -52,13 +52,13 @@
     "pdfjs-dist": "6.4.299",
     "react": "19.3.0",
     "react-dom": "19.3.0",
-    "react-native": "0.88.0",
+    "react-native": "0.88.1",
     "react-native-keyboard-controller": "1.22.7",
     "react-native-otp-entry": "1.8.6",
     "react-native-web": "0.21.4",
     "react-select": "5.10.2",
     "react-syntax-highlighter": "16.1.2",
-    "tamagui": "3.1.3",
+    "tamagui": "3.1.9",
     "test-renderer": "1.3.1"
   },
   "dependencies": {