graph G { compound="true" rankdir="TB" bgcolor="white" fontname="Tahoma" node [ fixedsize="false" fontname="Tahoma" color="white" fillcolor="deepskyblue2" fontcolor="black" shape="box" style="filled" penwidth="1.0" ] edge [ fontname="Arial" color="#00688b" fontcolor="black" fontsize="12" arrowsize="0.5" penwidth="1.0" ] "[src/SideNav.tsx]" -- "[src/Breadcrumbs.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/ActionList2/Selection.tsx]" -- "[src/ActionList2/Item.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/UnderlineNav.tsx]" -- "[src/SideNav.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/UnderlineNav.tsx]" -- "[src/Breadcrumbs.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/TabNav.tsx]" -- "[src/Breadcrumbs.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/TabNav.tsx]" -- "[src/SubNav.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/SubNav.tsx]" -- "[src/Breadcrumbs.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/TabNav.tsx]" -- "[src/SideNav.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/UnderlineNav.tsx]" -- "[src/TabNav.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/UnderlineNav.tsx]" -- "[src/SubNav.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/SubNav.tsx]" -- "[src/SideNav.tsx]" [label=" 4 ", penwidth="4", color="#00688b93"]; "[src/Header.tsx]" -- "[src/SideNav.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/index.ts]" -- "[src/_InputValidation.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/Header.tsx]" -- "[src/Breadcrumbs.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/ActionList2/Selection.tsx]" -- "[src/ActionMenu2.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/_InputLabel.tsx]" -- "[src/_InputCaption.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/Header.tsx]" -- "[src/TabNav.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/ActionList2/List.tsx]" -- "[src/ActionMenu2.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/Header.tsx]" -- "[src/SubNav.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/Header.tsx]" -- "[src/UnderlineNav.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/_InputValidation.tsx]" -- "[src/_InputCaption.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/_InputValidation.tsx]" -- "[src/_InputLabel.tsx]" [label=" 3 ", penwidth="3", color="#00688b82"]; "[src/stories/FormControl.stories.tsx]" -- "[src/FormControl/FormControl.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/stories/useFocusZone.stories.tsx]" -- "[src/Overlay.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/utils/types/FormValidationStatus.ts]" -- "[src/_InputValidation.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Overlay.tsx]" -- "[src/Dialog/Dialog.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/hooks/index.ts]" -- "[src/ActionMenu2.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Button2/IconButton.tsx]" -- "[src/Button2/ButtonBase.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/_ChoiceInputLeadingVisual.tsx]" -- "[src/_InputValidation.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/ActionList2/List.tsx]" -- "[src/ActionList2/Item.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/stories/FormControl.stories.tsx]" -- "[src/FormControl/_FormControlLeadingVisual.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Button2/IconButton.tsx]" -- "[src/Button2/Button2.stories.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Button2/ButtonBase.tsx]" -- "[src/Button2/Button.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/stories/TextInput.stories.tsx]" -- "[src/TextInputWithTokens.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/PageLayout/PageLayout.tsx]" -- "[src/PageLayout/PageLayout.stories.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/FormControl/_FormControlLeadingVisual.tsx]" -- "[src/FormControl/_FormControlLabel.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/stories/Checkbox.stories.tsx]" -- "[src/index.ts]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/index.ts]" -- "[src/_InputLabel.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/_ChoiceInputLeadingVisual.tsx]" -- "[src/Autocomplete/AutocompleteMenu.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/stories/FormControl.stories.tsx]" -- "[src/FormControl/_FormControlLabel.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/ActionList2/Item.tsx]" -- "[src/ActionMenu2.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/ActionList2/ActionListContainerContext.tsx]" -- "[src/ActionMenu2.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Autocomplete/AutocompleteMenu.tsx]" -- "[src/index.ts]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Dialog/Dialog.tsx]" -- "[src/Dialog/ConfirmationDialog.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/FormControl/_FormControlLabel.tsx]" -- "[src/FormControl/_FormControlCaption.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Button2/ButtonCounter.tsx]" -- "[src/Button2/ButtonBase.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Autocomplete/AutocompleteMenu.tsx]" -- "[src/_InputValidation.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/Button2/ButtonBase.tsx]" -- "[src/Button2/Button2.stories.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/FormControl/_FormControlCaption.tsx]" -- "[src/FormControl/FormControl.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; "[src/FormControl/_FormControlValidation.tsx]" -- "[src/FormControl/FormControl.tsx]" [label=" 2 ", penwidth="2", color="#00688b70"]; }