Skip to content

Commit 0166d62

Browse files
Namanv0509Namanv0509
authored
Merge branch 'master' into fix/helper-uttam/svg-image-prop-spread
2 parents 0ed219c + 90fc10e commit 0166d62

19 files changed

Lines changed: 1960 additions & 241 deletions

File tree

‎src/collections/members/Aryan-Shah/aryan-shah.webp‎

-106 KB
Binary file not shown.

‎src/collections/members/Aryan-Shah/index.mdx‎

Lines changed: 0 additions & 12 deletions
This file was deleted.

‎src/components/SistentNavigation/content.js‎

Lines changed: 88 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -1,110 +1,117 @@
11
export const content = [
2-
// About
3-
{ id: 0, link: "/projects/sistent/about", text: "About Sistent" },
2+
// Getting Started
3+
{ id: 0, link: "/projects/sistent/getting-started/about", text: "About" },
4+
{ id: 1, link: "/projects/sistent/getting-started/installation", text: "Installation" },
5+
{ id: 2, link: "/projects/sistent/getting-started/usage", text: "Usage" },
6+
{ id: 3, link: "/projects/sistent/getting-started/tokens", text: "Tokens" },
47

58
// Identity
6-
{ id: 1, link: "/projects/sistent/identity/color", text: "Colors" },
7-
{ id: 2, link: "/projects/sistent/identity/color/guidance", text: "Colors" },
8-
{ id: 3, link: "/projects/sistent/identity/color/code", text: "Colors" },
9-
{ id: 4, link: "/projects/sistent/identity/spacing", text: "Spacing" },
10-
{ id: 5, link: "/projects/sistent/identity/spacing/guidance", text: "Spacing" },
11-
{ id: 6, link: "/projects/sistent/identity/spacing/code", text: "Spacing" },
12-
{ id: 7, link: "/projects/sistent/identity/typography", text: "Typography" },
13-
{ id: 8, link: "/projects/sistent/identity/typography/guidance", text: "Typography" },
14-
{ id: 9, link: "/projects/sistent/identity/typography/code", text: "Typography" },
9+
{ id: 4, link: "/projects/sistent/identity/color", text: "Colors" },
10+
{ id: 5, link: "/projects/sistent/identity/color/guidance", text: "Colors" },
11+
{ id: 6, link: "/projects/sistent/identity/color/code", text: "Colors" },
12+
{ id: 7, link: "/projects/sistent/identity/spacing", text: "Spacing" },
13+
{ id: 8, link: "/projects/sistent/identity/spacing/guidance", text: "Spacing" },
14+
{ id: 9, link: "/projects/sistent/identity/spacing/code", text: "Spacing" },
15+
{ id: 10, link: "/projects/sistent/identity/typography", text: "Typography" },
16+
{ id: 11, link: "/projects/sistent/identity/typography/guidance", text: "Typography" },
17+
{ id: 12, link: "/projects/sistent/identity/typography/code", text: "Typography" },
1518

1619
// Components
17-
{ id: 10, link: "/projects/sistent/components/backdrop", text: "Backdrop" },
18-
{ id: 11, link: "/projects/sistent/components/backdrop/guidance", text: "Backdrop" },
19-
{ id: 12, link: "/projects/sistent/components/backdrop/code", text: "Backdrop" },
20+
{ id: 13, link: "/projects/sistent/components/backdrop", text: "Backdrop" },
21+
{ id: 14, link: "/projects/sistent/components/backdrop/guidance", text: "Backdrop" },
22+
{ id: 15, link: "/projects/sistent/components/backdrop/code", text: "Backdrop" },
2023

21-
{ id: 13, link: "/projects/sistent/components/badge", text: "Badge" },
22-
{ id: 14, link: "/projects/sistent/components/badge/guidance", text: "Badge" },
23-
{ id: 15, link: "/projects/sistent/components/badge/code", text: "Badge" },
24+
{ id: 16, link: "/projects/sistent/components/badge", text: "Badge" },
25+
{ id: 17, link: "/projects/sistent/components/badge/guidance", text: "Badge" },
26+
{ id: 18, link: "/projects/sistent/components/badge/code", text: "Badge" },
2427

25-
{ id: 16, link: "/projects/sistent/components/box", text: "Box" },
26-
{ id: 17, link: "/projects/sistent/components/box/guidance", text: "Box" },
27-
{ id: 18, link: "/projects/sistent/components/box/code", text: "Box" },
28+
{ id: 19, link: "/projects/sistent/components/box", text: "Box" },
29+
{ id: 20, link: "/projects/sistent/components/box/guidance", text: "Box" },
30+
{ id: 21, link: "/projects/sistent/components/box/code", text: "Box" },
2831

29-
{ id: 19, link: "/projects/sistent/components/button", text: "Button" },
30-
{ id: 20, link: "/projects/sistent/components/button/guidance", text: "Button" },
31-
{ id: 21, link: "/projects/sistent/components/button/code", text: "Button" },
32+
{ id: 22, link: "/projects/sistent/components/button", text: "Button" },
33+
{ id: 23, link: "/projects/sistent/components/button/guidance", text: "Button" },
34+
{ id: 24, link: "/projects/sistent/components/button/code", text: "Button" },
3235

33-
{ id: 22, link: "/projects/sistent/components/button-group", text: "Button Group" },
34-
{ id: 23, link: "/projects/sistent/components/button-group/guidance", text: "Button Group" },
35-
{ id: 24, link: "/projects/sistent/components/button-group/code", text: "Button Group" },
36+
{ id: 25, link: "/projects/sistent/components/button-group", text: "Button Group" },
37+
{ id: 26, link: "/projects/sistent/components/button-group/guidance", text: "Button Group" },
38+
{ id: 27, link: "/projects/sistent/components/button-group/code", text: "Button Group" },
3639

37-
{ id: 25, link: "/projects/sistent/components/circularprogress", text: "Circular Progress" },
38-
{ id: 26, link: "/projects/sistent/components/circularprogress/guidance", text: "Circular Progress" },
39-
{ id: 27, link: "/projects/sistent/components/circularprogress/code", text: "Circular Progress" },
40+
{ id: 25, link: "/projects/sistent/components/chip", text: "Chip" },
41+
{ id: 26, link: "/projects/sistent/components/chip/guidance", text: "Chip" },
42+
{ id: 27, link: "/projects/sistent/components/chip/code", text: "Chip" },
4043

41-
{ id: 28, link: "/projects/sistent/components/container", text: "Container" },
42-
{ id: 29, link: "/projects/sistent/components/container/guidance", text: "Container" },
43-
{ id: 30, link: "/projects/sistent/components/container/code", text: "Container" },
44+
{ id: 28, link: "/projects/sistent/components/circularprogress", text: "Circular Progress" },
45+
{ id: 29, link: "/projects/sistent/components/circularprogress/guidance", text: "Circular Progress" },
46+
{ id: 30, link: "/projects/sistent/components/circularprogress/code", text: "Circular Progress" },
4447

45-
{ id: 31, link: "/projects/sistent/components/dialog", text: "Dialog" },
46-
{ id: 32, link: "/projects/sistent/components/dialog/guidance", text: "Dialog" },
47-
{ id: 33, link: "/projects/sistent/components/dialog/code", text: "Dialog" },
48+
{ id: 31, link: "/projects/sistent/components/container", text: "Container" },
49+
{ id: 32, link: "/projects/sistent/components/container/guidance", text: "Container" },
50+
{ id: 33, link: "/projects/sistent/components/container/code", text: "Container" },
4851

49-
{ id: 34, link: "/projects/sistent/components/grid", text: "Grid" },
50-
{ id: 35, link: "/projects/sistent/components/grid/guidance", text: "Grid" },
51-
{ id: 36, link: "/projects/sistent/components/grid/code", text: "Grid" },
52+
{ id: 34, link: "/projects/sistent/components/dialog", text: "Dialog" },
53+
{ id: 35, link: "/projects/sistent/components/dialog/guidance", text: "Dialog" },
54+
{ id: 36, link: "/projects/sistent/components/dialog/code", text: "Dialog" },
5255

53-
{ id: 37, link: "/projects/sistent/components/icons", text: "Icons" },
56+
{ id: 37, link: "/projects/sistent/components/grid", text: "Grid" },
57+
{ id: 38, link: "/projects/sistent/components/grid/guidance", text: "Grid" },
58+
{ id: 39, link: "/projects/sistent/components/grid/code", text: "Grid" },
5459

55-
{ id: 38, link: "/projects/sistent/components/link", text: "Link" },
56-
{ id: 39, link: "/projects/sistent/components/link/guidance", text: "Link" },
57-
{ id: 40, link: "/projects/sistent/components/link/code", text: "Link" },
60+
{ id: 40, link: "/projects/sistent/components/icons", text: "Icons" },
5861

59-
{ id: 41, link: "/projects/sistent/components/list", text: "List" },
60-
{ id: 42, link: "/projects/sistent/components/list/guidance", text: "List" },
61-
{ id: 43, link: "/projects/sistent/components/list/code", text: "List" },
62+
{ id: 41, link: "/projects/sistent/components/link", text: "Link" },
63+
{ id: 42, link: "/projects/sistent/components/link/guidance", text: "Link" },
64+
{ id: 43, link: "/projects/sistent/components/link/code", text: "Link" },
6265

63-
{ id: 44, link: "/projects/sistent/components/modal", text: "Modal" },
64-
{ id: 45, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
65-
{ id: 46, link: "/projects/sistent/components/modal/code", text: "Modal" },
66+
{ id: 44, link: "/projects/sistent/components/list", text: "List" },
67+
{ id: 45, link: "/projects/sistent/components/list/guidance", text: "List" },
68+
{ id: 46, link: "/projects/sistent/components/list/code", text: "List" },
6669

67-
{ id: 47, link: "/projects/sistent/components/pagination", text: "Pagination" },
68-
{ id: 48, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
69-
{ id: 49, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
70+
{ id: 47, link: "/projects/sistent/components/modal", text: "Modal" },
71+
{ id: 48, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
72+
{ id: 49, link: "/projects/sistent/components/modal/code", text: "Modal" },
7073

71-
{ id: 50, link: "/projects/sistent/components/paper", text: "Paper" },
72-
{ id: 51, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
73-
{ id: 52, link: "/projects/sistent/components/paper/code", text: "Paper" },
74+
{ id: 50, link: "/projects/sistent/components/pagination", text: "Pagination" },
75+
{ id: 51, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
76+
{ id: 52, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
7477

75-
{ id: 53, link: "/projects/sistent/components/popper", text: "Popper" },
76-
{ id: 54, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
77-
{ id: 55, link: "/projects/sistent/components/popper/code", text: "Popper" },
78+
{ id: 53, link: "/projects/sistent/components/paper", text: "Paper" },
79+
{ id: 54, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
80+
{ id: 55, link: "/projects/sistent/components/paper/code", text: "Paper" },
7881

79-
{ id: 56, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
80-
{ id: 57, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
81-
{ id: 58, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
82+
{ id: 56, link: "/projects/sistent/components/popper", text: "Popper" },
83+
{ id: 57, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
84+
{ id: 58, link: "/projects/sistent/components/popper/code", text: "Popper" },
8285

83-
{ id: 59, link: "/projects/sistent/components/select", text: "Select" },
84-
{ id: 60, link: "/projects/sistent/components/select/guidance", text: "Select" },
85-
{ id: 61, link: "/projects/sistent/components/select/code", text: "Select" },
86+
{ id: 59, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
87+
{ id: 60, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
88+
{ id: 61, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
8689

87-
{ id: 62, link: "/projects/sistent/components/switch", text: "Switch" },
88-
{ id: 63, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
89-
{ id: 64, link: "/projects/sistent/components/switch/code", text: "Switch" },
90+
{ id: 62, link: "/projects/sistent/components/select", text: "Select" },
91+
{ id: 63, link: "/projects/sistent/components/select/guidance", text: "Select" },
92+
{ id: 64, link: "/projects/sistent/components/select/code", text: "Select" },
9093

91-
{ id: 65, link: "/projects/sistent/components/tabs", text: "Tabs" },
92-
{ id: 66, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
93-
{ id: 67, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
94+
{ id: 65, link: "/projects/sistent/components/switch", text: "Switch" },
95+
{ id: 66, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
96+
{ id: 67, link: "/projects/sistent/components/switch/code", text: "Switch" },
9497

95-
{ id: 68, link: "/projects/sistent/components/text-field", text: "Text Field" },
96-
{ id: 69, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
97-
{ id: 70, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
98+
{ id: 68, link: "/projects/sistent/components/tabs", text: "Tabs" },
99+
{ id: 69, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
100+
{ id: 70, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
98101

99-
{ id: 71, link: "/projects/sistent/components/text-input", text: "Text Input" },
100-
{ id: 72, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
101-
{ id: 73, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
102+
{ id: 71, link: "/projects/sistent/components/text-field", text: "Text Field" },
103+
{ id: 72, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
104+
{ id: 73, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
102105

103-
{ id: 74, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
104-
{ id: 75, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
105-
{ id: 76, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
106+
{ id: 74, link: "/projects/sistent/components/text-input", text: "Text Input" },
107+
{ id: 75, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
108+
{ id: 76, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
106109

107-
{ id: 77, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
108-
{ id: 78, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
109-
{ id: 79, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
110+
{ id: 77, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
111+
{ id: 78, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
112+
{ id: 79, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
113+
114+
{ id: 80, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
115+
{ id: 81, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
116+
{ id: 82, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
110117
];

‎src/components/SistentNavigation/index.js‎

Lines changed: 73 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,10 @@ import { useLocation } from "@reach/router";
1212
const TOC = () => {
1313
const [expand, setExpand] = useState(false);
1414
const location = useLocation();
15-
const [expandIdentity, setExpandIdentity] = useState(
15+
const [expandGettingStarted, setExpandGettingStarted] = useState(
16+
location.pathname.includes("/getting-started")
17+
);
18+
const [expandIdenity, setExpandIdentity] = useState(
1619
location.pathname.includes("/identity")
1720
);
1821
const [expandComponent, setExpandComponent] = useState(
@@ -52,13 +55,74 @@ const TOC = () => {
5255
<div className="toc-list">
5356
<ul className={`toc-ul ${expand ? "toc-ul-open" : ""}`}>
5457
<li>
55-
<Link
56-
to="/projects/sistent/about"
57-
className="toc-sub-heading toc-sub-inline"
58-
activeClassName="active"
59-
>
60-
About
61-
</Link>
58+
<div>
59+
<li
60+
className="toc-sub-heading getting-started"
61+
onClick={() => setExpandGettingStarted((prev) => !prev)}
62+
>
63+
Getting Started
64+
{expandGettingStarted ?
65+
<IoIosArrowDown style={{ zIndex: 2 }} /> :
66+
<IoIosArrowForward style={{ zIndex: 2 }} />
67+
}
68+
</li>
69+
{expandGettingStarted && (
70+
<div className="getting-started-sublinks">
71+
<li>
72+
<Link
73+
to="/projects/sistent/getting-started/about"
74+
className={`toc-sub-heading toc-sub-inline getting-started-item ${
75+
location.pathname.includes("/projects/sistent/getting-started/about")
76+
? "active"
77+
: ""
78+
}`}
79+
activeClassName="active"
80+
>
81+
About
82+
</Link>
83+
</li>
84+
<li>
85+
<Link
86+
to="/projects/sistent/getting-started/installation"
87+
className={`toc-sub-heading toc-sub-inline getting-started-item ${
88+
location.pathname.includes("/projects/sistent/getting-started/installation")
89+
? "active"
90+
: ""
91+
}`}
92+
activeClassName="active"
93+
>
94+
Installation
95+
</Link>
96+
</li>
97+
<li>
98+
<Link
99+
to="/projects/sistent/getting-started/usage"
100+
className={`toc-sub-heading toc-sub-inline getting-started-item ${
101+
location.pathname.includes("/projects/sistent/getting-started/usage")
102+
? "active"
103+
: ""
104+
}`}
105+
activeClassName="active"
106+
>
107+
Usage
108+
</Link>
109+
</li>
110+
<li>
111+
<Link
112+
to="/projects/sistent/getting-started/tokens"
113+
className={`toc-sub-heading toc-sub-inline getting-started-item ${
114+
location.pathname.includes("/projects/sistent/getting-started/tokens")
115+
? "active"
116+
: ""
117+
}`}
118+
activeClassName="active"
119+
>
120+
Tokens
121+
</Link>
122+
</li>
123+
</div>
124+
)}
125+
</div>
62126
</li>
63127
<li>
64128
<div>
@@ -163,4 +227,4 @@ const TOC = () => {
163227
);
164228
};
165229

166-
export default TOC;
230+
export default TOC;

‎src/components/SistentNavigation/toc.style.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ const TOCWrapper = styled.div`
135135
background-color: transparent;
136136
}
137137
138-
.identity, .components {
138+
.identity, .components, .getting-started {
139139
display: flex;
140140
width: 100%;
141141
justify-content: space-between;

src/pages/projects/sistent/about.js renamed to src/pages/projects/sistent/getting-started/about/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from "react";
2-
import SistentAbout from "../../../sections/Projects/Sistent/about";
2+
import SistentAbout from "../../../../../sections/Projects/Sistent/getting-started/about";
33

44
const SistentAboutPage = () => {
55
return <SistentAbout />;

‎src/pages/projects/sistent/getting-started/installation/index.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import React from "react";
2+
import SistentInstallation from "../../../../../sections/Projects/Sistent/getting-started/installation";
3+
4+
const SistentInstallationPage = () => {
5+
return <SistentInstallation />;
6+
};
7+
8+
export default SistentInstallationPage;

‎src/pages/projects/sistent/getting-started/tokens/index.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import React from "react";
2+
import SistentTokens from "../../../../../sections/Projects/Sistent/getting-started/tokens";
3+
4+
const SistentTokensPage = () => {
5+
return <SistentTokens />;
6+
};
7+
8+
export default SistentTokensPage;

‎src/pages/projects/sistent/getting-started/usage/index.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import React from "react";
2+
import SistentUsage from "../../../../../sections/Projects/Sistent/getting-started/usage";
3+
4+
const SistentUsagePage = () => {
5+
return <SistentUsage />;
6+
};
7+
8+
export default SistentUsagePage;

0 commit comments

Comments
 (0)