@campxdev/react-blueprint 0.1.46 → 0.1.48
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.
- package/package.json +1 -1
- package/src/components/Assets/Icons/IconComponents/XIcon.tsx +5 -8
- package/src/components/Navigation/Sidebar/Sidebar.tsx +4 -4
- package/src/components/Navigation/Sidebar/styles.tsx +1 -0
- package/src/stories/Navigation/FloatingSidebar.stories.tsx +1 -1
- package/src/themes/commonTheme.ts +1 -1
package/package.json
CHANGED
|
@@ -5,19 +5,16 @@ export const XIcon = ({ size = 16 }) => {
|
|
|
5
5
|
const color = theme.palette.text.primary;
|
|
6
6
|
return (
|
|
7
7
|
<svg
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
9
|
width={size}
|
|
9
10
|
height={size}
|
|
10
|
-
viewBox="0 0
|
|
11
|
-
style={{
|
|
12
|
-
stroke: color,
|
|
13
|
-
}}
|
|
11
|
+
viewBox="0 0 173.699 180"
|
|
14
12
|
>
|
|
15
13
|
<path
|
|
16
|
-
id="
|
|
17
|
-
data-name="Subtraction
|
|
18
|
-
d="M-
|
|
14
|
+
id="Subtraction_139"
|
|
15
|
+
data-name="Subtraction 139"
|
|
16
|
+
d="M-3788.094-10082h-42.358l-24.995-34.4,21.786-29.984,46.361,63.811-.794.576Zm-129.754,0h-42.359l-.793-.576,65.064-89.554-65.064-89.553.436-.317h42.9l43.509,59.885.009-.012,21.785,29.984-.009.013.03.041-21.786,29.985-.03-.041-43.7,60.145h0Zm84.01-115.63h0l-21.785-29.985,24.982-34.385h42.9l.436.317-46.538,64.053Z"
|
|
19
17
|
transform="translate(3961 10262)"
|
|
20
|
-
fill="#1e1ef5"
|
|
21
18
|
/>
|
|
22
19
|
</svg>
|
|
23
20
|
);
|
|
@@ -55,9 +55,9 @@ export const Sidebar = ({
|
|
|
55
55
|
<StyledLinkButton to={path} onClick={() => {}}>
|
|
56
56
|
<StyledListItemButton collapsed={collapsed}>
|
|
57
57
|
<StyledListItemIcon collapsed={collapsed}>
|
|
58
|
-
{Icon ?
|
|
58
|
+
{Icon ? Icon : <Icons.HomeIcon />}
|
|
59
59
|
</StyledListItemIcon>
|
|
60
|
-
{!collapsed && <Typography variant="
|
|
60
|
+
{!collapsed && <Typography variant="subtitle2">{name}</Typography>}
|
|
61
61
|
</StyledListItemButton>
|
|
62
62
|
</StyledLinkButton>
|
|
63
63
|
</StyledListItem>
|
|
@@ -67,7 +67,7 @@ export const Sidebar = ({
|
|
|
67
67
|
return (
|
|
68
68
|
<StyledSidebarContainer direction="column" spacing="12px">
|
|
69
69
|
<StyledLogoArea collapsed={collapsed}>
|
|
70
|
-
{collapsed ? <CampxIcon /> : <CampxFullLogoIcon />}
|
|
70
|
+
{collapsed ? <CampxIcon size={32} /> : <CampxFullLogoIcon />}
|
|
71
71
|
</StyledLogoArea>
|
|
72
72
|
<StyledMenuBar>
|
|
73
73
|
{menu &&
|
|
@@ -78,7 +78,7 @@ export const Sidebar = ({
|
|
|
78
78
|
</StyledMenuBar>
|
|
79
79
|
<StyledCollapsibleSection>
|
|
80
80
|
<IconButton onClick={toggleSidebar}>
|
|
81
|
-
{collapsed ? <RightIcon /> : <LeftIcon />}
|
|
81
|
+
{collapsed ? <RightIcon size={32} /> : <LeftIcon size={32} />}
|
|
82
82
|
</IconButton>
|
|
83
83
|
</StyledCollapsibleSection>
|
|
84
84
|
</StyledSidebarContainer>
|
|
@@ -35,7 +35,7 @@ export const Primary: Story = {
|
|
|
35
35
|
render: (args) => <Sidebar {...args} />,
|
|
36
36
|
args: {
|
|
37
37
|
menu: [
|
|
38
|
-
{ name: "Home", path: "/home", icon: Icons.DashBoardIcon },
|
|
38
|
+
{ name: "Home", path: "/home", icon: <Icons.DashBoardIcon size={24} /> },
|
|
39
39
|
{ name: "Self Service Portal", path: "/item2" },
|
|
40
40
|
],
|
|
41
41
|
},
|