<commit_before>/**
 *  Copyright (C) 2022 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 { Content } from '@/v4/routes/viewerGui/components/risks/components/riskDetails/riskDetails.styles';
import { MeasuringTypeContainer } from '@/v4/routes/viewerGui/components/risks/components/shapesFormTab/shapesFormTab.styles';
import { Wrapper as Measurement } from '@/v4/routes/viewerGui/components/measurements/components/measuringType/measuringType.styles';
import {
	SectionHeader,
	List,
	StyledIconButton as ExpandListButton,
	Container as MeasurementType,
	Title,
	Units,
} from '@/v4/routes/viewerGui/components/measurements/components/measurementsList/measurementsList.styles';
import { StyledTextField, MeasurementPoint, MeasurementValue } from '@/v4/routes/viewerGui/components/measurements/components/measureItem/measureItem.styles';
import { ColorSelect, Dot, StyledIconButton as ColorPickerStyledButton } from '@/v4/routes/components/colorPicker/colorPicker.styles';
import { StyledMarkdownField, StyledLinkableField, ActionsLine } from '@/v4/routes/components/textField/textField.styles';
import { SmallIconButtonStyled } from '@/v4/routes/components/smallIconButon/smallIconButton.styles';

export const measurementsStying = css`
	${Measurement} {
		margin: 0 8px;
		height: 24px;
	}

	// expandable list header
	${SectionHeader} {
		background-color: inherit;
		border-bottom: none;

		${ExpandListButton} {
			margin: 0;
			background-color: transparent;
		}

		* {
			font-size: 12px;
			color: ${({ theme }) => theme.palette.secondary.main};
			font-weight: 500;

			svg {
				font-size: 24px;
			}
		}
			
		${Title} {
			font-size: 13px;
		}

		${Units} {
			padding-right: 7px;
		}
	}

	${MeasurementType}:not(:last-of-type) {
		border-bottom: 1px solid ${({ theme }) => theme.palette.base.lightest};
	}

	// expandable list
	${List} {
		// icons
		${SmallIconButtonStyled} {
			height: 13px;
			width: 13px;
			box-sizing: border-box;
			padding: 4px;
			&, &:hover {
				background-color: ${({ theme }) => theme.palette.secondary.main};
			}

			svg {
				font-size: 11px;
				color: ${({ theme }) => theme.palette.primary.contrast};
			}
		}

		svg {
			font-size: 17px;
		}

		&:last-of-type {
			margin-bottom: -5px;
		}

		// measurement item
		li { 
			background-color: inherit;
			border: none;

			button {
				&:hover {
					background-color: transparent;
				}
				
				svg {
					color: ${({ theme }) => theme.palette.secondary.main};
				}
			}

			&:last-of-type {
				margin-bottom: 14px;
			}
		}

		${MeasurementPoint},
		${MeasurementValue} {
			font-size: 12px;
			color: ${({ theme }) => theme.palette.secondary.main};
		}

		.MuiFormControl-root {
			width: 113%;
			margin-left: -15px;
		}

		${StyledTextField} {
			overflow: visible;

			${StyledMarkdownField},
			${StyledLinkableField} {
				font-size: 12px;
				color: ${({ theme }) => theme.palette.secondary.main};
			}

			${ActionsLine} {
				bottom: 4px;

				button { 
					margin: 0;
				}
			}
		}
	}
`;

export const colorPickerStyling = css`
	// color picker
	${ColorSelect} {
		width: unset;
		padding-left: 8px;
		border-radius: 5px;
		background-color: ${({ theme }) => theme.palette.tertiary.lightest};

		${Dot} {
			width: 13px;
			height: 13px;
		}

		${ColorPickerStyledButton} {
			margin: 0;

			&:hover {
				background-color: transparent;
			}
		}
	}
`;

export default css`
	${colorPickerStyling}

	${Content} {
		align-items: center;
		
		${MeasuringTypeContainer} {
			color: ${({ theme }) => theme.palette.base.main};
			font-size: 10px;
		}

		${measurementsStying}

		${MeasurementType} {
			margin: 0 -16px;
		}
	}
`;
<commit_msg>ISSUE #3226 - fix 3d Point spacing<commit_after>/**
 *  Copyright (C) 2022 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 { Content } from '@/v4/routes/viewerGui/components/risks/components/riskDetails/riskDetails.styles';
import { MeasuringTypeContainer } from '@/v4/routes/viewerGui/components/risks/components/shapesFormTab/shapesFormTab.styles';
import { Wrapper as Measurement } from '@/v4/routes/viewerGui/components/measurements/components/measuringType/measuringType.styles';
import {
	SectionHeader,
	List,
	StyledIconButton as ExpandListButton,
	Container as MeasurementType,
	Title,
	Units,
} from '@/v4/routes/viewerGui/components/measurements/components/measurementsList/measurementsList.styles';
import { StyledTextField, MeasurementPoint, MeasurementValue } from '@/v4/routes/viewerGui/components/measurements/components/measureItem/measureItem.styles';
import { ColorSelect, Dot, StyledIconButton as ColorPickerStyledButton } from '@/v4/routes/components/colorPicker/colorPicker.styles';
import { StyledMarkdownField, StyledLinkableField, ActionsLine } from '@/v4/routes/components/textField/textField.styles';
import { SmallIconButtonStyled } from '@/v4/routes/components/smallIconButon/smallIconButton.styles';

export const measurementsStying = css`
	${Measurement} {
		margin: 0 8px;
		height: 24px;
	}

	// expandable list header
	${SectionHeader} {
		background-color: inherit;
		border-bottom: none;

		${ExpandListButton} {
			margin: 0;
			background-color: transparent;
		}

		* {
			font-size: 12px;
			color: ${({ theme }) => theme.palette.secondary.main};
			font-weight: 500;

			svg {
				font-size: 24px;
			}
		}
			
		${Title} {
			font-size: 13px;
		}

		${Units} {
			padding-right: 7px;
		}
	}

	${MeasurementType}:not(:last-of-type) {
		border-bottom: 1px solid ${({ theme }) => theme.palette.base.lightest};
	}

	// expandable list
	${List} {
		// icons
		${SmallIconButtonStyled} {
			height: 13px;
			width: 13px;
			box-sizing: border-box;
			padding: 4px;
			&, &:hover {
				background-color: ${({ theme }) => theme.palette.secondary.main};
			}

			svg {
				font-size: 11px;
				color: ${({ theme }) => theme.palette.primary.contrast};
			}
		}

		svg {
			font-size: 17px;
		}

		&:last-of-type {
			margin-bottom: -5px;
		}

		// measurement item
		li { 
			background-color: inherit;
			border: none;

			button {
				&:hover {
					background-color: transparent;
				}
				
				svg {
					color: ${({ theme }) => theme.palette.secondary.main};
				}
			}

			&:last-of-type {
				margin-bottom: 14px;
			}
		}

		${MeasurementPoint},
		${MeasurementValue} {
			font-size: 12px;
			color: ${({ theme }) => theme.palette.secondary.main};
			justify-content: flex-end;
			line-height: 15px;
		}

		.MuiFormControl-root {
			width: 113%;
			margin-left: -15px;
		}

		${StyledTextField} {
			overflow: visible;

			${StyledMarkdownField},
			${StyledLinkableField} {
				font-size: 12px;
				color: ${({ theme }) => theme.palette.secondary.main};
			}

			${ActionsLine} {
				bottom: 4px;

				button { 
					margin: 0;
				}
			}
		}
	}
`;

export const colorPickerStyling = css`
	// color picker
	${ColorSelect} {
		width: unset;
		padding-left: 8px;
		border-radius: 5px;
		background-color: ${({ theme }) => theme.palette.tertiary.lightest};

		${Dot} {
			width: 13px;
			height: 13px;
		}

		${ColorPickerStyledButton} {
			margin: 0;

			&:hover {
				background-color: transparent;
			}
		}
	}
`;

export default css`
	${colorPickerStyling}

	${Content} {
		align-items: center;
		
		${MeasuringTypeContainer} {
			color: ${({ theme }) => theme.palette.base.main};
			font-size: 10px;
		}

		${measurementsStying}

		${MeasurementType} {
			margin: 0 -16px;
		}
	}
`;

{'fraction_non_alphanumeric': 0.1353632113125784, 'fraction_numerical': 0.015623218154863724, 'mean_word_length': 3.3265910212136163, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 23, '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': '1919895', 'n_tokens_mistral': 3532, 'n_tokens_neox': 2930, 'n_words': 667}