@alveole/components 0.31.0 → 0.31.3

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 (19) hide show
  1. package/dist/core/Page/PageBackground.d.ts.map +1 -1
  2. package/dist/core/Page/PageBackground.js +2 -1
  3. package/dist/ui/ActionMenu/ActionMenuItem.d.ts.map +1 -1
  4. package/dist/ui/ActionMenu/ActionMenuItem.js +1 -1
  5. package/dist/ui/Popover/Popover.d.ts.map +1 -1
  6. package/dist/ui/Popover/Popover.js +3 -1
  7. package/dist/ui/Popover/Popover.stories.d.ts +15 -6
  8. package/dist/ui/Popover/Popover.stories.d.ts.map +1 -1
  9. package/dist/ui/Popover/Popover.styles.d.ts +15 -6
  10. package/dist/ui/Popover/Popover.styles.d.ts.map +1 -1
  11. package/dist/ui/Popover/Popover.styles.js +5 -2
  12. package/dist/ui/Sidebar/Sidebar.stories.d.ts +3 -6
  13. package/dist/ui/Sidebar/Sidebar.stories.d.ts.map +1 -1
  14. package/dist/ui/Sidebar/Sidebar.styles.d.ts +3 -6
  15. package/dist/ui/Sidebar/Sidebar.styles.d.ts.map +1 -1
  16. package/dist/ui/Sidebar/Sidebar.styles.js +2 -5
  17. package/dist/ui/Sidebar/SidebarItem.d.ts.map +1 -1
  18. package/dist/ui/Sidebar/SidebarItem.js +1 -1
  19. package/package.json +1 -1
package/dist/core/Page/PageBackground.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageBackground.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageBackground.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAa/D,CAAC"}
1
+ {"version":3,"file":"PageBackground.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageBackground.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAa/D,CAAC"}
package/dist/core/Page/PageBackground.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Colors } from '@alveole/theme';
2
3
  import { LinearGradient } from 'expo-linear-gradient';
3
4
  import { useStyles } from './Page.styles';
4
5
  export const PageBackground = ({ children }) => {
5
6
  const styles = useStyles();
6
- return (_jsx(LinearGradient, { colors: ['#FFFFFF', '#F5F6F8'], start: { x: 0.5, y: 0 }, end: { x: 0.5, y: 1 }, style: styles.gradientBackground, children: children }));
7
+ return (_jsx(LinearGradient, { colors: [Colors.Neutre['1000'], Colors.Neutre['975']], start: { x: 0.5, y: 0 }, end: { x: 0.5, y: 1 }, style: styles.gradientBackground, children: children }));
7
8
  };
package/dist/ui/ActionMenu/ActionMenuItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CAmCxD,CAAC"}
1
+ {"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CA2CxD,CAAC"}
package/dist/ui/ActionMenu/ActionMenuItem.js CHANGED
@@ -11,5 +11,5 @@ export const ActionMenuItem = (props) => {
11
11
  const titleStyleSelected = selected ? styles.sidebarItemTitleSelectedDesktop : {};
12
12
  const sidebarItemHover = selected ? styles.sidebarItemCurrentHover : styles.sidebarItemHover;
13
13
  const sidebarItemTitleDesktop = selected ? styles.sidebarItemTitleCurrentHoverDesktop : {};
14
- return (_jsx(Box, { tag: "action-menu-item", onPress: onPress, style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...itemStyleSelected }, hoverStyle: { ...sidebarItemHover }, children: [icon && _jsx(LucideIcon, { size: "md", name: icon }), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleDesktop }, children: title })] })] }) }));
14
+ return (_jsx(Box, { tag: "action-menu-item", onPress: onPress, style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...itemStyleSelected }, hoverStyle: { ...sidebarItemHover }, children: [icon && (_jsx(LucideIcon, { size: "md", name: icon, color: selected ? styles.sidebarItemTitleSelectedDesktop.color : styles.sidebarItemTitleSelectedDesktop.stroke })), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleDesktop }, children: title })] })] }) }));
15
15
  };
package/dist/ui/Popover/Popover.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyC,YAAY,IAAI,mBAAmB,EAAU,MAAM,SAAS,CAAC;AAG7G,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,aAAa,GACtC,KAAK,CAAC,iBAAiB,CAAC;IACtB,SAAS,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAC5C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC,CAAC;AAEL,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CA4D1C,CAAC"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyC,YAAY,IAAI,mBAAmB,EAAU,MAAM,SAAS,CAAC;AAG7G,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,aAAa,GACtC,KAAK,CAAC,iBAAiB,CAAC;IACtB,SAAS,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAC5C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC,CAAC;AAEL,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CA2D1C,CAAC"}
package/dist/ui/Popover/Popover.js CHANGED
@@ -25,5 +25,7 @@ export const Popover = (props) => {
25
25
  };
26
26
  const maxH = popoverStyles.maxH ?? 500;
27
27
  const maxW = popoverStyles.maxW ?? '100%';
28
- return (_jsxs(TamaguiPopover, { placement: placement, disableFocus: true, open: open, onOpenChange: setOpen, children: [_jsx(TamaguiPopover.Trigger, { asChild: true, children: renderTrigger({ open }) }), _jsx(TamaguiPopover.Content, { trapFocus: false, disableFocusScope: true, overflow: "hidden", style: { maxHeight: scrollable ? maxH : undefined, maxWidth: maxW }, ...spacings, ...styles.content, children: scrollable ? (_jsx(YStack, { style: { overflow: 'hidden' }, children: _jsx(ScrollView, { style: { maxHeight: maxH - spacing('025') }, children: children }) })) : (children) })] }));
28
+ return (_jsxs(TamaguiPopover, { placement: placement, disableFocus: true, open: open, onOpenChange: setOpen, children: [_jsx(TamaguiPopover.Trigger, { asChild: true, children: renderTrigger({ open }) }), _jsx(TamaguiPopover.Content, { trapFocus: false, disableFocusScope: true, ...spacings,
29
+ // {...styles.tamaguiPopoverContent}
30
+ style: [{ maxHeight: scrollable ? maxH : undefined, maxWidth: scrollable ? maxW : undefined }, styles.content], children: scrollable ? (_jsx(YStack, { style: { overflow: 'hidden' }, children: _jsx(ScrollView, { style: { maxHeight: maxH - spacing('025') }, children: children }) })) : (children) })] }));
29
31
  };
package/dist/ui/Popover/Popover.stories.d.ts CHANGED
@@ -8,9 +8,12 @@ declare const _default: {
8
8
  styleFn: () => {
9
9
  content: {
10
10
  display: "flex";
11
- padding: import("@alveole/theme").Spacing;
11
+ paddingTop: import("@alveole/theme").Spacing;
12
+ paddingBottom: import("@alveole/theme").Spacing;
13
+ paddingLeft: import("@alveole/theme").Spacing;
14
+ paddingRight: import("@alveole/theme").Spacing;
12
15
  flexDirection: "column";
13
- alignItems: "flex-start";
16
+ alignItems: "flex-end";
14
17
  borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
15
18
  borderWidth: number;
16
19
  borderStyle: "solid";
@@ -26,9 +29,12 @@ declare const _default: {
26
29
  shadowRadius: number;
27
30
  elevation: number;
28
31
  display: "flex";
29
- padding: import("@alveole/theme").Spacing;
32
+ paddingTop: import("@alveole/theme").Spacing;
33
+ paddingBottom: import("@alveole/theme").Spacing;
34
+ paddingLeft: import("@alveole/theme").Spacing;
35
+ paddingRight: import("@alveole/theme").Spacing;
30
36
  flexDirection: "column";
31
- alignItems: "flex-start";
37
+ alignItems: "flex-end";
32
38
  borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
33
39
  borderWidth: number;
34
40
  borderStyle: "solid";
@@ -37,9 +43,12 @@ declare const _default: {
37
43
  } | {
38
44
  boxShadow: string;
39
45
  display: "flex";
40
- padding: import("@alveole/theme").Spacing;
46
+ paddingTop: import("@alveole/theme").Spacing;
47
+ paddingBottom: import("@alveole/theme").Spacing;
48
+ paddingLeft: import("@alveole/theme").Spacing;
49
+ paddingRight: import("@alveole/theme").Spacing;
41
50
  flexDirection: "column";
42
- alignItems: "flex-start";
51
+ alignItems: "flex-end";
43
52
  borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
44
53
  borderWidth: number;
45
54
  borderStyle: "solid";
package/dist/ui/Popover/Popover.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,+CAqCnB,CAAC"}
1
+ {"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,+CAqCnB,CAAC"}
package/dist/ui/Popover/Popover.styles.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  export declare const useStyles: () => {
2
2
  content: {
3
3
  display: "flex";
4
- padding: import("@alveole/theme").Spacing;
4
+ paddingTop: import("@alveole/theme").Spacing;
5
+ paddingBottom: import("@alveole/theme").Spacing;
6
+ paddingLeft: import("@alveole/theme").Spacing;
7
+ paddingRight: import("@alveole/theme").Spacing;
5
8
  flexDirection: "column";
6
- alignItems: "flex-start";
9
+ alignItems: "flex-end";
7
10
  borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
8
11
  borderWidth: number;
9
12
  borderStyle: "solid";
@@ -19,9 +22,12 @@ export declare const useStyles: () => {
19
22
  shadowRadius: number;
20
23
  elevation: number;
21
24
  display: "flex";
22
- padding: import("@alveole/theme").Spacing;
25
+ paddingTop: import("@alveole/theme").Spacing;
26
+ paddingBottom: import("@alveole/theme").Spacing;
27
+ paddingLeft: import("@alveole/theme").Spacing;
28
+ paddingRight: import("@alveole/theme").Spacing;
23
29
  flexDirection: "column";
24
- alignItems: "flex-start";
30
+ alignItems: "flex-end";
25
31
  borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
26
32
  borderWidth: number;
27
33
  borderStyle: "solid";
@@ -30,9 +36,12 @@ export declare const useStyles: () => {
30
36
  } | {
31
37
  boxShadow: string;
32
38
  display: "flex";
33
- padding: import("@alveole/theme").Spacing;
39
+ paddingTop: import("@alveole/theme").Spacing;
40
+ paddingBottom: import("@alveole/theme").Spacing;
41
+ paddingLeft: import("@alveole/theme").Spacing;
42
+ paddingRight: import("@alveole/theme").Spacing;
34
43
  flexDirection: "column";
35
- alignItems: "flex-start";
44
+ alignItems: "flex-end";
36
45
  borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
37
46
  borderWidth: number;
38
47
  borderStyle: "solid";
package/dist/ui/Popover/Popover.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAanB,CAAC"}
1
+ {"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
package/dist/ui/Popover/Popover.styles.js CHANGED
@@ -2,9 +2,12 @@ import { makeStyles } from '@alveole/theme';
2
2
  export const useStyles = makeStyles(({ color, spacing, shadows, radius }) => ({
3
3
  content: {
4
4
  display: 'flex',
5
- padding: spacing('1W'),
5
+ paddingTop: spacing('1W'),
6
+ paddingBottom: spacing('1W'),
7
+ paddingLeft: spacing('1W'),
8
+ paddingRight: spacing('1W'),
6
9
  flexDirection: 'column',
7
- alignItems: 'flex-start',
10
+ alignItems: 'flex-end',
8
11
  borderRadius: radius('lg'),
9
12
  borderWidth: 1,
10
13
  borderStyle: 'solid',
package/dist/ui/Sidebar/Sidebar.stories.d.ts CHANGED
@@ -87,7 +87,7 @@ declare const _default: {
87
87
  backgroundColor: "#F2F9FF";
88
88
  };
89
89
  sidebarItemHover: {
90
- backgroundColor: "#F6F6F8";
90
+ backgroundColor: "#F6F7F8";
91
91
  };
92
92
  sidebarItemCurrentHover: {
93
93
  backgroundColor: "#EFF1F6";
@@ -123,16 +123,13 @@ declare const _default: {
123
123
  letterSpacing: 0;
124
124
  };
125
125
  sidebarItemTitleSelectedMobile: {
126
- color: "#D81B38";
127
- stroke: "#D81B38";
126
+ color: "#373A3F";
127
+ stroke: "#5F6571";
128
128
  fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
129
129
  fontSize: 16;
130
130
  lineHeight: 24;
131
131
  letterSpacing: 0;
132
132
  };
133
- sidebarItemIconSelectedMobile: {
134
- color: "#D81B38";
135
- };
136
133
  sidebarItemTitleDesktop: {
137
134
  color: "#151617";
138
135
  stroke: "#151617";
package/dist/ui/Sidebar/Sidebar.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAgBlB,eAAO,MAAM,YAAY,+CAA+C,CAAC"}
1
+ {"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAgBlB,eAAO,MAAM,YAAY,+CAA+C,CAAC"}
package/dist/ui/Sidebar/Sidebar.styles.d.ts CHANGED
@@ -80,7 +80,7 @@ export declare const useStyles: () => {
80
80
  backgroundColor: "#F2F9FF";
81
81
  };
82
82
  sidebarItemHover: {
83
- backgroundColor: "#F6F6F8";
83
+ backgroundColor: "#F6F7F8";
84
84
  };
85
85
  sidebarItemCurrentHover: {
86
86
  backgroundColor: "#EFF1F6";
@@ -116,16 +116,13 @@ export declare const useStyles: () => {
116
116
  letterSpacing: 0;
117
117
  };
118
118
  sidebarItemTitleSelectedMobile: {
119
- color: "#D81B38";
120
- stroke: "#D81B38";
119
+ color: "#373A3F";
120
+ stroke: "#5F6571";
121
121
  fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
122
122
  fontSize: 16;
123
123
  lineHeight: 24;
124
124
  letterSpacing: 0;
125
125
  };
126
- sidebarItemIconSelectedMobile: {
127
- color: "#D81B38";
128
- };
129
126
  sidebarItemTitleDesktop: {
130
127
  color: "#151617";
131
128
  stroke: "#151617";
package/dist/ui/Sidebar/Sidebar.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Sidebar.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJnB,CAAC"}
1
+ {"version":3,"file":"Sidebar.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJnB,CAAC"}
package/dist/ui/Sidebar/Sidebar.styles.js CHANGED
@@ -109,11 +109,8 @@ export const useStyles = makeStyles(({ text, color, spacing, isVariant, radius }
109
109
  },
110
110
  sidebarItemTitleSelectedMobile: {
111
111
  ...text['Corps de texte'].MD.Medium,
112
- color: '#D81B38',
113
- stroke: '#D81B38',
114
- },
115
- sidebarItemIconSelectedMobile: {
116
- color: '#D81B38',
112
+ color: color.light.text['default-grey'],
113
+ stroke: color.light.text['mention-grey'],
117
114
  },
118
115
  sidebarItemTitleDesktop: {
119
116
  ...text['Corps de texte'].MD.Regular,
package/dist/ui/Sidebar/SidebarItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAK,MAAM,EAAmB,MAAM,YAAY,CAAC;AACxD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AA0G3E,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAIlD,CAAC"}
1
+ {"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAK,MAAM,EAAmB,MAAM,YAAY,CAAC;AACxD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AA4G3E,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAIlD,CAAC"}
package/dist/ui/Sidebar/SidebarItem.js CHANGED
@@ -39,7 +39,7 @@ const SidebarItemMobile = (props) => {
39
39
  else
40
40
  return (_jsx(A, { href: props.href, direction: props.direction, children: content }));
41
41
  };
42
- return renderItem(_jsxs(Box, { children: [isCurrentPage && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemMobile, ...itemStyleSelected }, hoverStyle: { ...sidebarItemHover }, children: [icon && (_jsx(LucideIcon, { size: "md", name: icon, color: isCurrentPage ? styles.sidebarItemIconSelectedMobile.color : undefined })), _jsx(Typography, { style: { ...styles.sidebarItemTitleMobile, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleMobile }, children: title })] })] }));
42
+ return renderItem(_jsxs(Box, { children: [isCurrentPage && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemMobile, ...itemStyleSelected }, hoverStyle: { ...sidebarItemHover }, children: [icon && (_jsx(LucideIcon, { size: "md", name: icon, color: isCurrentPage ? styles.sidebarItemTitleSelectedMobile.color : styles.sidebarItemTitleSelectedMobile.stroke })), _jsx(Typography, { style: { ...styles.sidebarItemTitleMobile, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleMobile }, children: title })] })] }));
43
43
  };
44
44
  export const SidebarItem = (props) => {
45
45
  const { isVariant } = useTheme();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alveole/components",
3
- "version": "0.31.0",
3
+ "version": "0.31.3",
4
4
  "description": "Shared UI components.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",