npm - @alveole/components - Versions diffs - 2.0.0-alpha.15 → 2.0.0-alpha.17 - Mend

@alveole/components 2.0.0-alpha.15 → 2.0.0-alpha.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (392) hide show

package/dist/ui/Checkbox/Checkbox.stories.d.ts CHANGED Viewed

@@ -20,7 +20,7 @@ declare const _default: {
     styleFn: () => {
         label: {
             cursor: "pointer";
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 16;
             lineHeight: 24;
             letterSpacing: 0;
@@ -37,20 +37,20 @@ declare const _default: {
         };
         labelDisabled: {
             cursor: "not-allowed";
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         labelError: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         labelSuccess: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         checkbox: {
             flexShrink: number;
             height: import("@alveole/theme").Spacing;
             width: import("@alveole/theme").Spacing;
             backgroundColor: "transparent";
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
         };
         checkboxSm: {
@@ -60,23 +60,23 @@ declare const _default: {
         };
         checkboxDisabled: {
             opacity: 1;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             backgroundColor: "transparent";
         };
         checkboxError: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         checkboxSuccess: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         indicator: {
             height: import("@alveole/theme").Spacing;
             width: import("@alveole/theme").Spacing;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
         };
         indicatorDisabled: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         checkboxContainer: {
             display: "flex";

package/dist/ui/Checkbox/Checkbox.stories.js CHANGED Viewed

@@ -11,6 +11,6 @@ export default {
     component: Checkbox,
     styleFn: useStyles,
 };
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, style: Platform.OS === 'web' ? undefined : { alignSelf: 'stretch' }, children: [_jsx(Checkbox, { label: "Non coch\u00E9" }), _jsx(Checkbox, { label: "Coch\u00E9", checked: true }), _jsx(Checkbox, { label: "D\u00E9sactiv\u00E9", disabled: true }), _jsx(Checkbox, { label: "Coch\u00E9 d\u00E9sactiv\u00E9", checked: true, disabled: true }), _jsx(Checkbox, { label: "Avec erreur", error: "Vous devez accepter les conditions" }), _jsx(Checkbox, { label: "Avec succ\u00E8s", success: "Valid\u00E9" })] }));
-export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 16, style: Platform.OS === 'web' ? undefined : { alignSelf: 'stretch', flexWrap: 'wrap' }, children: [_jsx(Checkbox, { label: "Size MD", size: "md" }), _jsx(Checkbox, { label: "Size SM", size: "sm" })] }));
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", style: Platform.OS === 'web' ? undefined : { alignSelf: 'stretch' }, children: [_jsx(Checkbox, { label: "Non coch\u00E9" }), _jsx(Checkbox, { label: "Coch\u00E9", checked: true }), _jsx(Checkbox, { label: "D\u00E9sactiv\u00E9", disabled: true }), _jsx(Checkbox, { label: "Coch\u00E9 d\u00E9sactiv\u00E9", checked: true, disabled: true }), _jsx(Checkbox, { label: "Avec erreur", error: "Vous devez accepter les conditions" }), _jsx(Checkbox, { label: "Avec succ\u00E8s", success: "Valid\u00E9" })] }));
+export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: "2W", style: Platform.OS === 'web' ? undefined : { alignSelf: 'stretch', flexWrap: 'wrap' }, children: [_jsx(Checkbox, { label: "Size MD", size: "md" }), _jsx(Checkbox, { label: "Size SM", size: "sm" })] }));
 export * as Sources from './Checkbox.stories.sources';

package/dist/ui/Checkbox/Checkbox.stories.sources.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,~~cAA4hB~~,CAAC;~~AAEjjB~~,eAAO,MAAM,KAAK,~~cAA6T~~,CAAC;~~AAEhV~~,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
1	+ {"version":3,"file":"Checkbox.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA8hB,CAAC;AAEnjB,eAAO,MAAM,KAAK,cAA+T,CAAC;AAElV,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/Checkbox/Checkbox.stories.sources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Checkbox/Checkbox.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box\n    display=\"flex\"\n    flexDirection=\"column\"\n    gap={24}\n    style={Platform.OS === 'web' ? undefined : { alignSelf: 'stretch' }}\n  >\n    <Checkbox label=\"Non coché\" />\n    <Checkbox label=\"Coché\" checked />\n    <Checkbox label=\"Désactivé\" disabled />\n    <Checkbox label=\"Coché désactivé\" checked disabled />\n    <Checkbox label=\"Avec erreur\" error=\"Vous devez accepter les conditions\" />\n    <Checkbox label=\"Avec succès\" success=\"Validé\" />\n  </Box>\n);";
-export const Sizes = () => "export const Sizes = () => (\n  <Box\n    display=\"flex\"\n    flexDirection=\"row\"\n    gap={16}\n    style={Platform.OS === 'web' ? undefined : { alignSelf: 'stretch', flexWrap: 'wrap' }}\n  >\n    <Checkbox label=\"Size MD\" size=\"md\" />\n    <Checkbox label=\"Size SM\" size=\"sm\" />\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box\n    display=\"flex\"\n    flexDirection=\"column\"\n    gap=\"3W\"\n    style={Platform.OS === 'web' ? undefined : { alignSelf: 'stretch' }}\n  >\n    <Checkbox label=\"Non coché\" />\n    <Checkbox label=\"Coché\" checked />\n    <Checkbox label=\"Désactivé\" disabled />\n    <Checkbox label=\"Coché désactivé\" checked disabled />\n    <Checkbox label=\"Avec erreur\" error=\"Vous devez accepter les conditions\" />\n    <Checkbox label=\"Avec succès\" success=\"Validé\" />\n  </Box>\n);";
+export const Sizes = () => "export const Sizes = () => (\n  <Box\n    display=\"flex\"\n    flexDirection=\"row\"\n    gap=\"2W\"\n    style={Platform.OS === 'web' ? undefined : { alignSelf: 'stretch', flexWrap: 'wrap' }}\n  >\n    <Checkbox label=\"Size MD\" size=\"md\" />\n    <Checkbox label=\"Size SM\" size=\"sm\" />\n  </Box>\n);";
 export const storySources = {
     Default,
     Sizes,

package/dist/ui/Checkbox/Checkbox.styles.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 export declare const useStyles: () => {
     label: {
         cursor: "pointer";
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 16;
         lineHeight: 24;
         letterSpacing: 0;
@@ -18,20 +18,20 @@ export declare const useStyles: () => {
     };
     labelDisabled: {
         cursor: "not-allowed";
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     labelError: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     labelSuccess: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     checkbox: {
         flexShrink: number;
         height: import("@alveole/theme").Spacing;
         width: import("@alveole/theme").Spacing;
         backgroundColor: "transparent";
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
     };
     checkboxSm: {
@@ -41,23 +41,23 @@ export declare const useStyles: () => {
     };
     checkboxDisabled: {
         opacity: 1;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         backgroundColor: "transparent";
     };
     checkboxError: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     checkboxSuccess: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     indicator: {
         height: import("@alveole/theme").Spacing;
         width: import("@alveole/theme").Spacing;
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
     };
     indicatorDisabled: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     checkboxContainer: {
         display: "flex";

package/dist/ui/Checkbox/Checkbox.styles.js CHANGED Viewed

@@ -15,15 +15,15 @@ const coque = ({ spacing }) => ({
 const caseACocher = ({ color, spacingValue, radius }) => ({
     checkbox: {
         flexShrink: 0,
-        height: spacingValue('150'),
-        width: spacingValue('150'),
+        height: spacingValue('3W'),
+        width: spacingValue('3W'),
         backgroundColor: 'transparent',
         borderColor: color.light.border['action-high-primary'],
         borderRadius: radius('md'),
     },
     checkboxSm: {
-        height: spacingValue('100'),
-        width: spacingValue('100'),
+        height: spacingValue('2W'),
+        width: spacingValue('2W'),
         borderRadius: radius('sm'),
     },
     checkboxDisabled: {
@@ -38,8 +38,8 @@ const caseACocher = ({ color, spacingValue, radius }) => ({
         borderColor: color.border['plain-success'],
     },
     indicator: {
-        height: spacingValue('150'),
-        width: spacingValue('150'),
+        height: spacingValue('3W'),
+        width: spacingValue('3W'),
         backgroundColor: color.light.background['action-high-primary'],
         borderRadius: radius('md'),
     },

package/dist/ui/Counter/Counter.stories.d.ts CHANGED Viewed

@@ -15,12 +15,12 @@ declare const _default: {
             height: number;
             paddingRight: number;
             paddingLeft: number;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
         };
         counterPrimary: {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
+            color: import("@alveole/theme").ThemeColor;
         };
     };
 };

package/dist/ui/Counter/Counter.stories.js CHANGED Viewed

@@ -11,5 +11,5 @@ export default {
     component: Counter,
     styleFn: useStyles,
 };
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 8, style: { alignItems: 'center' }, children: [_jsx(Counter, { variant: "default", count: 20 }), _jsx(Counter, { variant: "primary", count: 20 })] }));
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: "1W", style: { alignItems: 'center' }, children: [_jsx(Counter, { variant: "default", count: 20 }), _jsx(Counter, { variant: "primary", count: 20 })] }));
 export * as Sources from './Counter.stories.sources';

package/dist/ui/Counter/Counter.stories.sources.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Counter/Counter.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,~~cAAgP~~,CAAC;~~AAErQ~~,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
1	+ {"version":3,"file":"Counter.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Counter/Counter.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmP,CAAC;AAExQ,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/Counter/Counter.stories.sources.js CHANGED Viewed

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Counter/Counter.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={8} style={{ alignItems: 'center' }}>\n    <Counter variant=\"default\" count={20} />\n    <Counter variant=\"primary\" count={20} />\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"1W\" style={{ alignItems: 'center' }}>\n    <Counter variant=\"default\" count={20} />\n    <Counter variant=\"primary\" count={20} />\n  </Box>\n);";
 export const storySources = {
     Default,
 };

package/dist/ui/Counter/Counter.styles.d.ts CHANGED Viewed

@@ -8,12 +8,12 @@ export declare const useStyles: () => {
         height: number;
         paddingRight: number;
         paddingLeft: number;
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
     };
     counterPrimary: {
-        backgroundColor: string;
-        color: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=Counter.styles.d.ts.map

package/dist/ui/DataTable/DataTable.stories.d.ts CHANGED Viewed

@@ -76,7 +76,7 @@ declare const _default: {
             flexDirection: "row";
             alignItems: "stretch";
             borderBottomWidth: number;
-            borderBottomColor: string;
+            borderBottomColor: import("@alveole/theme").ThemeColor;
         };
         rowSm: {
             minHeight: number;
@@ -91,21 +91,21 @@ declare const _default: {
             cursor: "pointer";
         };
         rowBackground: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         rowHover: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         rowSelected: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         headerRow: {
             display: "flex";
             flexDirection: "row";
             alignItems: "stretch";
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             borderBottomWidth: number;
-            borderBottomColor: string;
+            borderBottomColor: import("@alveole/theme").ThemeColor;
         };
         headerRowSm: {
             minHeight: number;
@@ -140,7 +140,7 @@ declare const _default: {
             paddingRight: string | number;
         };
         headerLabel: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;
@@ -148,16 +148,16 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         headerLabelActive: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         table: {
             display: "flex";
             flexDirection: "column";
             borderWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
             overflow: "hidden";
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         scrollContent: {
             display: "flex";
@@ -172,7 +172,7 @@ declare const _default: {
             padding: string | number;
         };
         emptyStateLabel: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;

package/dist/ui/DataTable/DataTable.styles.d.ts CHANGED Viewed

@@ -67,7 +67,7 @@ export declare const useStyles: () => {
         flexDirection: "row";
         alignItems: "stretch";
         borderBottomWidth: number;
-        borderBottomColor: string;
+        borderBottomColor: import("@alveole/theme").ThemeColor;
     };
     rowSm: {
         minHeight: number;
@@ -82,21 +82,21 @@ export declare const useStyles: () => {
         cursor: "pointer";
     };
     rowBackground: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     rowHover: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     rowSelected: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     headerRow: {
         display: "flex";
         flexDirection: "row";
         alignItems: "stretch";
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderBottomWidth: number;
-        borderBottomColor: string;
+        borderBottomColor: import("@alveole/theme").ThemeColor;
     };
     headerRowSm: {
         minHeight: number;
@@ -131,7 +131,7 @@ export declare const useStyles: () => {
         paddingRight: string | number;
     };
     headerLabel: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;
@@ -139,16 +139,16 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     headerLabelActive: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     table: {
         display: "flex";
         flexDirection: "column";
         borderWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
         overflow: "hidden";
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     scrollContent: {
         display: "flex";
@@ -163,7 +163,7 @@ export declare const useStyles: () => {
         padding: string | number;
     };
     emptyStateLabel: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;

package/dist/ui/DateInput/DateInput.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextInputProps } from '../FormControl';
+import { TextInputElement, TextInputProps } from '../FormControl';
 type MinuteInterval = 1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30;
 export type DateInputProps = Omit<TextInputProps, 'type' | 'onChange'> & {
     type?: 'date' | 'datetime' | 'month';
@@ -20,6 +20,6 @@ export declare const DateInput: React.ForwardRefExoticComponent<Omit<TextInputPr
     onChange?: (date: string) => void;
     is24Hour?: boolean;
     minuteInterval?: MinuteInterval;
-} & React.RefAttributes<import("react-native").TextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 export {};
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/ui/DateInput/DateInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,~~EAA+B~~,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE7E,KAAK,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AA+EF,eAAO,MAAM,SAAS;WAvFb,MAAM,GAAG,UAAU,GAAG,OAAO;cAC1B,SAAS,GAAG,SAAS;YACvB,MAAM;kBACA,IAAI;kBACJ,IAAI;eACP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,OAAO;qBACD,cAAc;~~0DAkI~~/B,CAAC"}
1	+ {"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAa,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE7E,KAAK,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AA+EF,eAAO,MAAM,SAAS;WAvFb,MAAM,GAAG,UAAU,GAAG,OAAO;cAC1B,SAAS,GAAG,SAAS;YACvB,MAAM;kBACA,IAAI;kBACJ,IAAI;eACP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,OAAO;qBACD,cAAc;0CAkI/B,CAAC"}

package/dist/ui/DateInput/DateInput.ios.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TextInputElement } from '../FormControl';
 export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "onChange" | "type"> & {
     type?: "date" | "datetime" | "month";
     display?: "default" | "spinner";
@@ -8,5 +9,5 @@ export declare const DateInput: React.ForwardRefExoticComponent<Omit<import(".."
     onChange?: (date: string) => void;
     is24Hour?: boolean;
     minuteInterval?: 2 | 1 | 4 | 6 | 12 | 3 | 5 | 10 | 20 | 15 | 30;
-} & React.RefAttributes<import("react-native").TextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=DateInput.ios.d.ts.map

package/dist/ui/DateInput/DateInput.ios.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInput.ios.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.ios.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;~~AA0D3C~~,eAAO,MAAM,SAAS;;;;;;;;;~~0DAoDpB~~,CAAC"}
1	+ {"version":3,"file":"DateInput.ios.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.ios.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAA+B,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAuD/E,eAAO,MAAM,SAAS;;;;;;;;;0CAoDpB,CAAC"}

package/dist/ui/DateInput/DateInput.stories.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ declare const _default: {
         onChange?: (date: string) => void;
         is24Hour?: boolean;
         minuteInterval?: 2 | 1 | 4 | 6 | 12 | 3 | 5 | 10 | 20 | 15 | 30;
-    } & React.RefAttributes<import("react-native").TextInput>>;
+    } & React.RefAttributes<import("..").TextInputElement>>;
     styleFn: () => string;
 };
 export default _default;

package/dist/ui/DateInput/DateInput.stories.js CHANGED Viewed

@@ -12,10 +12,10 @@ export default {
     component: DateInput,
     styleFn: () => 'Aucun style appliqué',
 };
-export const Default = () => (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Default", children: _jsx(DateInput, { onChange: console.log }) }) }), _jsxs(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: [_jsx(FormControl, { label: "Error", error: "Une erreur", children: _jsx(DateInput, { onChange: console.log, error: "Une erreur" }) }), _jsx(FormControl, { label: "Succ\u00E8s", success: "Date enregistr\u00E9e", children: _jsx(DateInput, { onChange: console.log, success: "Date enregistr\u00E9e" }) })] }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Disabled", disabled: true, children: _jsx(DateInput, { onChange: console.log, disabled: true }) }) })] }) }));
+export const Default = () => (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: "1W", children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Default", children: _jsx(DateInput, { onChange: console.log }) }) }), _jsxs(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: [_jsx(FormControl, { label: "Error", error: "Une erreur", children: _jsx(DateInput, { onChange: console.log, error: "Une erreur" }) }), _jsx(FormControl, { label: "Succ\u00E8s", success: "Date enregistr\u00E9e", children: _jsx(DateInput, { onChange: console.log, success: "Date enregistr\u00E9e" }) })] }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Disabled", disabled: true, children: _jsx(DateInput, { onChange: console.log, disabled: true }) }) })] }) }));
 export const Types = () => {
     const [date, setDate] = React.useState();
     const [datetime, setDatetime] = React.useState();
-    return (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Date (default)", children: _jsx(DateInput, { value: date, onChange: e => setDate(e.toString()) }) }) }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Datetime", children: _jsx(DateInput, { value: datetime, type: "datetime", is24Hour: true, onChange: e => setDatetime(e.toString()) }) }) })] }) }));
+    return (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: "1W", children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Date (default)", children: _jsx(DateInput, { value: date, onChange: e => setDate(e.toString()) }) }) }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Datetime", children: _jsx(DateInput, { value: datetime, type: "datetime", is24Hour: true, onChange: e => setDatetime(e.toString()) }) }) })] }) }));
 };
 export * as Sources from './DateInput.stories.sources';

package/dist/ui/DateInput/DateInput.stories.sources.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,~~cAA+4B~~,CAAC;~~AAEp6B~~,eAAO,MAAM,KAAK,~~cAA+uB~~,CAAC;~~AAElwB~~,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
1	+ {"version":3,"file":"DateInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAk5B,CAAC;AAEv6B,eAAO,MAAM,KAAK,cAAkvB,CAAC;AAErwB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/DateInput/DateInput.stories.sources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/DateInput/DateInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box width={'100%'}>\n    <Grid gap={8}>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Default\">\n          <DateInput onChange={console.log} />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Error\" error=\"Une erreur\">\n          <DateInput onChange={console.log} error=\"Une erreur\" />\n        </FormControl>\n        <FormControl label=\"Succès\" success=\"Date enregistrée\">\n          <DateInput onChange={console.log} success=\"Date enregistrée\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Disabled\" disabled>\n          <DateInput onChange={console.log} disabled />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
-export const Types = () => "export const Types = () => {\n  const [date, setDate] = React.useState<string>();\n  const [datetime, setDatetime] = React.useState<string>();\n\n  return (\n    <Box width={'100%'}>\n      <Grid gap={8}>\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <FormControl label=\"Date (default)\">\n            <DateInput value={date} onChange={e => setDate(e.toString())} />\n          </FormControl>\n        </Grid.Column>\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <FormControl label=\"Datetime\">\n            <DateInput value={datetime} type=\"datetime\" is24Hour onChange={e => setDatetime(e.toString())} />\n          </FormControl>\n        </Grid.Column>\n      </Grid>\n    </Box>\n  );\n};";
+export const Default = () => "export const Default = () => (\n  <Box width={'100%'}>\n    <Grid gap=\"1W\">\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Default\">\n          <DateInput onChange={console.log} />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Error\" error=\"Une erreur\">\n          <DateInput onChange={console.log} error=\"Une erreur\" />\n        </FormControl>\n        <FormControl label=\"Succès\" success=\"Date enregistrée\">\n          <DateInput onChange={console.log} success=\"Date enregistrée\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Disabled\" disabled>\n          <DateInput onChange={console.log} disabled />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
+export const Types = () => "export const Types = () => {\n  const [date, setDate] = React.useState<string>();\n  const [datetime, setDatetime] = React.useState<string>();\n\n  return (\n    <Box width={'100%'}>\n      <Grid gap=\"1W\">\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <FormControl label=\"Date (default)\">\n            <DateInput value={date} onChange={e => setDate(e.toString())} />\n          </FormControl>\n        </Grid.Column>\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <FormControl label=\"Datetime\">\n            <DateInput value={datetime} type=\"datetime\" is24Hour onChange={e => setDatetime(e.toString())} />\n          </FormControl>\n        </Grid.Column>\n      </Grid>\n    </Box>\n  );\n};";
 export const storySources = {
     Default,
     Types,

package/dist/ui/Divider/Divider.stories.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ declare const _default: {
         divider: {
             width: "100%";
             height: number;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
     };
 };

package/dist/ui/Divider/Divider.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Divider/Divider.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAIA,wBASkB;AAElB,eAAO,MAAM,OAAO,~~mCAAmC~~,CAAC;~~AAExD~~,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}
1	+ {"version":3,"file":"Divider.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Divider/Divider.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAIA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAAoC,CAAC;AAEzD,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}

package/dist/ui/Divider/Divider.stories.js CHANGED Viewed

@@ -11,5 +11,5 @@ export default {
     component: Divider,
     styleFn: useStyles,
 };
-export const Default = () => _jsx(Divider, { mt: 8, mb: 16 });
+export const Default = () => _jsx(Divider, { mt: "1W", mb: "2W" });
 export * as Sources from './Divider.stories.sources';

package/dist/ui/Divider/Divider.stories.sources.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Divider/Divider.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,~~cAAmE~~,CAAC;~~AAExF~~,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
1	+ {"version":3,"file":"Divider.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Divider/Divider.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAwE,CAAC;AAE7F,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/Divider/Divider.stories.sources.js CHANGED Viewed

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Divider/Divider.stories.tsx
-export const Default = () => "export const Default = () => <Divider mt={8} mb={16} />;";
+export const Default = () => "export const Default = () => <Divider mt=\"1W\" mb=\"2W\" />;";
 export const storySources = {
     Default,
 };

package/dist/ui/Divider/Divider.styles.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ export declare const useStyles: () => {
     divider: {
         width: "100%";
         height: number;
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=Divider.styles.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts CHANGED Viewed

@@ -44,10 +44,10 @@ declare const _default: {
             display: "flex";
             alignItems: "center";
             justifyContent: "center";
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         viewerPdfErrorLabel: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             userSelect: "none";
             textAlign: "center";
             fontSize: 14;
@@ -83,13 +83,13 @@ declare const _default: {
             flexDirection: "column";
             flex: number;
             padding: string | number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderWidth: number;
             borderStyle: "solid";
             borderTopWidth: number;
             borderBottomLeftRadius: import("@alveole/theme").Radius;
             borderBottomRightRadius: import("@alveole/theme").Radius;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             overflow: "hidden";
         };
         children: {
@@ -101,23 +101,23 @@ declare const _default: {
             minWidth: number;
             flexShrink: number;
             position: "relative";
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderWidth: number;
             borderStyle: "solid";
             borderLeft: number;
             borderTopRightRadius: import("@alveole/theme").Radius;
             borderBottomRightRadius: import("@alveole/theme").Radius;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             overflow: "auto";
         };
         toolbar: {
             padding: string | number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderWidth: number;
             borderStyle: "solid";
             borderTopLeftRadius: import("@alveole/theme").Radius;
             borderTopRightRadius: import("@alveole/theme").Radius;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             display: "flex";
             flexDirection: "row";
             gap: string | number;
@@ -130,7 +130,7 @@ declare const _default: {
             justifyContent: "flex-end";
         };
         toolbarTitle: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             paddingLeft: string | number;
             marginTop: string;
             marginBottom: string;
@@ -142,7 +142,7 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         toolbarState: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             userSelect: "none";
             fontVariant: "tabular-nums";
             fontSize: 14;
@@ -154,7 +154,7 @@ declare const _default: {
         toolbarDivider: {
             width: number;
             height: "50%";
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             marginTop: string;
             marginBottom: string;
         };

package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DocumentViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,eAAe,mCAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,~~mCASvB~~,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,~~mCAaxB~~,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}
1	+ {"version":3,"file":"DocumentViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,eAAe,mCAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,mCAIvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAQxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}