@use '@talend/bootstrap-theme/src/theme/guidelines' as *;
@use '@talend/design-tokens/lib/tokens' as tokens;

.tc-simple-text {
	display: flex;
	min-width: 0;
	margin-right: $padding-small;

	&-key,
	:global(.td-default-cell) {
		font-weight: 400;
	}

	&-key {
		margin-right: $padding-smaller;
		white-space: nowrap;
		flex-shrink: 1;
		color: tokens.$coral-color-neutral-text-weak;
		vertical-align: top;
	}

	&-key-with-value::after {
		content: ':';
	}

	&-value {
		text-transform: lowercase;
		white-space: nowrap;

		&::first-letter {
			text-transform: uppercase;
		}

		&.shrink-value {
			overflow: hidden;
			text-overflow: ellipsis;
		}

		&.wrap-value {
			overflow: initial;
			white-space: normal;
			word-break: break-all;
		}
	}

	:global(.td-default-cell) {
		display: inline-block;
		color: tokens.$coral-color-accent-text;
		font-family: 'Inconsolata';
	}

	&-type {
		color: tokens.$coral-color-neutral-text;
		opacity: 0.75;
		margin-left: $padding-smaller;
	}
}

.td-cell-int {
	text-align: right;
}