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

@mixin nav-action {
	padding: 0;
	background: none;
	border: none;
}

@mixin picker-action {
	font-size: 0.75rem;

	&.selected {
		background-color: tokens.$coral-color-accent-background;
		color: tokens.$coral-color-accent-text-strong;
		transition: color 0.2s ease-in;
		font-weight: $font-weight-semi-bold;
	}

	&:disabled {
		color: tokens.$coral-color-neutral-text-disabled;
		opacity: 0.54;
	}
}

@mixin picker-underline {
	content: '';
	border-bottom: $border-default;
}