<commit_before>@sapMGenericTagBorderWidth: 0.25rem;
@sapMGenericTagPaddingLeft: 0.25rem;
@sapMGenericTagStatusIconWidth: 1rem;
@sapMGenericTagIconPaddingRight: 0.5rem;
@sapMGenericTagTextMinWidth: 1.5625rem;

.sapMGenericTag {
	margin-top: 0.1875rem;
	margin-bottom: 0.1875rem;
	display: inline-block;
	max-width: 100%;

	&:not(:last-child)
	{
		margin-right: 0.5rem;
	}
	&:focus {
		outline: none;
	}
	&:-moz-focus-inner {
		padding: 0;
		border: 0
	}
	&.sapMGenericTagOverflowToolbar {
		margin-right: 0;
		max-width: 20rem;
		.sapMGenericTagWrap {
			width: 100%;
		}
		.sap-phone & {
			max-width: 100%;
		}
	}
	.sapMBarChild& {
		>.sapMGenericTagWrap {
			width: 100%;
		}
	}
}

.sapMGenericTag:focus {
	position: relative;
	&:before {
		position: absolute;
		content: " ";
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}

	&:after {
		position: absolute;
		content: " ";
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}
}

/* FIX: IE and Edge - dotted line appears blurry. */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMGenericTag:focus {
		&:after{
			border-style: dashed;
		}
	}
}

.sapMGenericTagWrap {
	background: @sapUiListBackground;
	box-shadow: @sapUiShadowLevel0;
	box-sizing: border-box;
	border-radius: 0.125rem;
	border-left-width: 0.25rem;
	border-left-style: solid;
	padding: 0 0.5rem 0 0.25rem;
	display: inline-flex;
	max-width: 100%;
	flex-flow: row nowrap;
	align-items: center;
	page-break-after: auto;
	height: 1.625rem;
	min-width: @sapMGenericTagBorderWidth + @sapMGenericTagPaddingLeft + @sapMGenericTagStatusIconWidth + @sapMGenericTagIconPaddingRight+ @sapMGenericTagTextMinWidth;

	.sapMGenericTagIcon {
		padding-right: @sapMGenericTagIconPaddingRight;
	}

	.sapMGenericTagError & {
		border-color: @sapUiErrorBorder;

		.sapMGenericTagIcon {
			color: @sapUiNegativeText;
		}
	}

	.sapMGenericTagWarning & {
		border-color: @sapUiWarningBorder;

		.sapMGenericTagIcon {
			color: @sapUiCriticalText;
		}
	}

	.sapMGenericTagSuccess & {
		border-color: @sapUiSuccessBorder;

		.sapMGenericTagIcon {
			color: @sapUiPositiveText;
		}
	}

	.sapMGenericTagNone &, .sapMGenericTagHighlight & {
		border-color: @sapUiNeutralBorder;

		.sapMGenericTagIcon {
			color: @sapUiNeutralText;
		}
	}

	&:hover {
		box-shadow: @sapUiShadowLevel1;
	}


	.sapMGenericTagActive &  {
		background: @sapUiListActiveBackground;

		.sapMGenericTagIcon,
		.sapMGenericTagText,
		.sapMGenericTagValue {
			color: @sapUiListActiveTextColor;
		}
	}

	.sapMGenericTagErrorIcon {
		color: @sapUiNegativeText;
		padding-left: 0.5rem;
	}

	.sapMGenericTagText {
		font-family: @sapUiFontFamily;
		font-size: @sapMFontMediumSize;
		font-weight: normal;
		color: @sapUiBaseText;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		flex: 1 10000 auto;
		min-width: @sapMGenericTagTextMinWidth;
	}

	.sapMGenericTagValue {
		display: flex;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		align-items: center;
		flex: 0 0.5 auto;
		padding-left: 0.5rem;

		.sapMObjectNumberText {
			min-width: 0.75rem;
			&::after {<commit_msg>[FIX] sap.m.GenericTag: Fixed overflowing error icon<commit_after>@sapMGenericTagBorderWidth: 0.25rem;
@sapMGenericTagPaddingLeft: 0.25rem;
@sapMGenericTagStatusIconWidth: 1rem;
@sapMGenericTagIconPaddingRight: 0.5rem;
@sapMGenericTagTextMinWidth: 1.5625rem;

.sapMGenericTag {
	margin-top: 0.1875rem;
	margin-bottom: 0.1875rem;
	display: inline-block;
	max-width: 100%;

	&:not(:last-child)
	{
		margin-right: 0.5rem;
	}
	&:focus {
		outline: none;
	}
	&:-moz-focus-inner {
		padding: 0;
		border: 0
	}
	&.sapMGenericTagOverflowToolbar {
		margin-right: 0;
		max-width: 20rem;
		.sapMGenericTagWrap {
			width: 100%;
		}
		.sap-phone & {
			max-width: 100%;
		}
	}
	.sapMBarChild& {
		>.sapMGenericTagWrap {
			width: 100%;
		}
	}
}

.sapMGenericTag:focus {
	position: relative;
	&:before {
		position: absolute;
		content: " ";
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}

	&:after {
		position: absolute;
		content: " ";
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}
}

/* FIX: IE and Edge - dotted line appears blurry. */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMGenericTag:focus {
		&:after{
			border-style: dashed;
		}
	}
}

.sapMGenericTagWrap {
	background: @sapUiListBackground;
	box-shadow: @sapUiShadowLevel0;
	box-sizing: border-box;
	border-radius: 0.125rem;
	border-left-width: 0.25rem;
	border-left-style: solid;
	padding: 0 0.5rem 0 0.25rem;
	display: inline-flex;
	max-width: 100%;
	flex-flow: row nowrap;
	align-items: center;
	page-break-after: auto;
	height: 1.625rem;
	min-width: @sapMGenericTagBorderWidth + @sapMGenericTagPaddingLeft + @sapMGenericTagStatusIconWidth + @sapMGenericTagIconPaddingRight+ @sapMGenericTagTextMinWidth;

	.sapMGenericTagIcon {
		padding-right: @sapMGenericTagIconPaddingRight;
	}

	.sapMGenericTagError & {
		border-color: @sapUiErrorBorder;

		.sapMGenericTagIcon {
			color: @sapUiNegativeText;
		}
	}

	.sapMGenericTagWarning & {
		border-color: @sapUiWarningBorder;

		.sapMGenericTagIcon {
			color: @sapUiCriticalText;
		}
	}

	.sapMGenericTagSuccess & {
		border-color: @sapUiSuccessBorder;

		.sapMGenericTagIcon {
			color: @sapUiPositiveText;
		}
	}

	.sapMGenericTagNone &, .sapMGenericTagHighlight & {
		border-color: @sapUiNeutralBorder;

		.sapMGenericTagIcon {
			color: @sapUiNeutralText;
		}
	}

	&:hover {
		box-shadow: @sapUiShadowLevel1;
	}


	.sapMGenericTagActive &  {
		background: @sapUiListActiveBackground;

		.sapMGenericTagIcon,
		.sapMGenericTagText,
		.sapMGenericTagValue {
			color: @sapUiListActiveTextColor;
		}
	}

	.sapMGenericTagErrorIcon {
		color: @sapUiNegativeText;
		padding-left: 0.5rem;
	}

	.sapMGenericTagText {
		font-family: @sapUiFontFamily;
		font-size: @sapMFontMediumSize;
		font-weight: normal;
		color: @sapUiBaseText;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		flex: 1 10000 auto;
		min-width: @sapMGenericTagTextMinWidth;
	}

	.sapMGenericTagErrorIcon,
	.sapMGenericTagValue {
		display: flex;
		flex: 0 0.5 auto;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.sapMGenericTagValue {
		box-sizing: border-box;
		align-items: center;
		padding-left: 0.5rem;

		.sapMObjectNumberText {
			min-width: 0.75rem;
			&::after {
{'fraction_non_alphanumeric': 0.13255008284380176, 'fraction_numerical': 0.027715017321885825, 'mean_word_length': 3.9515287099179717, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '3863207', 'n_tokens_mistral': 3000, 'n_tokens_neox': 2735, 'n_words': 449}