<commit_before>/**
 *  Copyright (C) 2021 3D Repo Ltd
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as
 *  published by the Free Software Foundation, either version 3 of the
 *  License, or (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { css } from 'styled-components';
import { LeftPanels } from '@/v4/routes/viewerGui/viewerGui.styles';
import { TitleIcon, ViewerPanelFooter } from '@/v4/routes/viewerGui/components/viewerPanel/viewerPanel.styles';
import { Title, Container as ViewerPanelBody } from '@/v4/routes/components/panel/panel.styles';
import { EmptyStateInfo } from '@/v4/routes/components/components.styles';
import {
	Container as FilterPanelContainer,
	PlaceholderText,
} from '@/v4/routes/components/filterPanel/filterPanel.styles';
import { MenuList } from '@/v4/routes/components/filterPanel/components/filtersMenu/filtersMenu.styles';

export default css`
	${LeftPanels} .MuiPaper-root {
		border-radius: 10px;
	}

	${Title} {
		color: ${({ theme }) => theme.palette.secondary.main};
		background-color: ${({ theme }) => theme.palette.primary.contrast};
		${({ theme }) => theme.typography.h3};
		border-bottom: 1px solid ${({ theme }) => theme.palette.base.light};
		height: 48px;

		.panelTitle { 
			margin: 0 0 0 -16px;
			width: calc(100% + 16px);
		}

		// back arrow icon
		${TitleIcon} .MuiIconButton-root {
			background: transparent;
			color: ${({ theme }) => theme.palette.primary.main};
			border-radius: 0;
		}

		// action icons
		.MuiIconButton-root {
			background-color: #edf0f8;
			color: currentColor;
			border-radius: 50%;
			height: 32px;
			width: 32px;
			margin: 0 0 0 5px;	
		}
	}
	
	${FilterPanelContainer} {
		.MuiOutlinedInput-notchedOutline {
			border-radius: 0;
			border-right: 0;
			border-left: 0;
			border-top: 0;
		}

		${PlaceholderText} {
			color: ${({ theme }) => theme.palette.base.main};
		}
		
		.MuiButtonBase-root {
			margin: 0;
		}
	}

	${ViewerPanelBody} {
		background-color: ${({ theme }) => theme.palette.primary.contrast};
	}

	// Filter components
	.MuiChip-root {
		border-radius: 5px;
		background-color: ${({ theme }) => theme.palette.tertiary.lightest};
		color: ${({ theme }) => theme.palette.secondary.main};
		font-weight: 600;

		path {
			fill: ${({ theme }) => theme.palette.secondary.main};
		}
	}

	${ViewerPanelFooter} {<commit_msg>ISSUE #3168 - adjust chips layout<commit_after>/**
 *  Copyright (C) 2021 3D Repo Ltd
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as
 *  published by the Free Software Foundation, either version 3 of the
 *  License, or (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { css } from 'styled-components';
import { LeftPanels } from '@/v4/routes/viewerGui/viewerGui.styles';
import { TitleIcon, ViewerPanelFooter } from '@/v4/routes/viewerGui/components/viewerPanel/viewerPanel.styles';
import { Title, Container as ViewerPanelBody } from '@/v4/routes/components/panel/panel.styles';
import { EmptyStateInfo } from '@/v4/routes/components/components.styles';
import {
	Container as FilterPanelContainer,
	FiltersButton,
	PlaceholderText,
	SelectedFilters,
} from '@/v4/routes/components/filterPanel/filterPanel.styles';

export default css`
	${LeftPanels} .MuiPaper-root {
		border-radius: 10px;
	}

	${Title} {
		color: ${({ theme }) => theme.palette.secondary.main};
		background-color: ${({ theme }) => theme.palette.primary.contrast};
		${({ theme }) => theme.typography.h3};
		border-bottom: 1px solid ${({ theme }) => theme.palette.base.light};
		height: 48px;

		.panelTitle { 
			margin: 0 0 0 -16px;
			width: calc(100% + 16px);
		}

		// back arrow icon
		${TitleIcon} .MuiIconButton-root {
			background: transparent;
			color: ${({ theme }) => theme.palette.primary.main};
			border-radius: 0;
		}

		// action icons
		.MuiIconButton-root {
			background-color: #edf0f8;
			color: currentColor;
			border-radius: 50%;
			height: 32px;
			width: 32px;
			margin: 0 0 0 5px;	
		}
	}
	
	// Filter components
	${FiltersButton} {
		top: 13px;
	}

	${FilterPanelContainer} {
		.MuiOutlinedInput-notchedOutline {
			border-radius: 0;
			border-right: 0;
			border-left: 0;
			border-top: 0;
		}

		${PlaceholderText} {
			color: ${({ theme }) => theme.palette.base.main};
		}
		
		.MuiButtonBase-root {
			margin: 0;
		}

		.MuiChip-root {
			border-radius: 5px;
			background-color: ${({ theme }) => theme.palette.tertiary.lightest};
			color: ${({ theme }) => theme.palette.secondary.main};
			font-weight: 600;
			margin: 3px 4px 3px 0;

			path {
				fill: ${({ theme }) => theme.palette.secondary.main};
			}
		}
	}

	${ViewerPanelBody} {
		background-color: ${({ theme }) => theme.palette.primary.contrast};
	}


	// !NOT WORKING, fix props usage
	${SelectedFilters} {
		${({ empty, theme }) => !empty && `
			border-bottom: solid 1px ${theme.palette.base.lightest};
			padding: 9px 40px 9px 15px;
			min-height: fit-content;
		`};
	}

	${ViewerPanelFooter} {
{'fraction_non_alphanumeric': 0.13966480446927373, 'fraction_numerical': 0.019637717961740308, 'mean_word_length': 3.513368983957219, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 26, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1370871', 'n_tokens_mistral': 2212, 'n_tokens_neox': 1942, 'n_words': 520}