<commit_before>@import (reference) "~ui/styles/config";
@import (reference) "~ui/styles/themes";
@import (reference) "~font-awesome/less/variables.less";


.input-btn-component {
	@line: ( @input-btn-size * @line-height-base );
	@size: ( @input-btn-size + 2 * @input-btn-outline-size );

	&.no-label {
		> i {
			margin: 0;
		}
	}

	&:not(.no-label) {
		display: inline-flex;

		> i {
			flex: 0 0 @input-btn-size;
			margin: ( ( @line - @size ) / 2 ) .5em 0 0;
		}
	}

	> i {
		display: inline-block;
		position: relative;
		width: @input-btn-size;
		height: @input-btn-size;
		visibility: hidden;
		vertical-align: middle;
		cursor: inherit;

		// ::before => box
		// ::after  => icon
		&::before,
		&::after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			visibility: visible;
			overflow: hidden;
			font: @input-btn-size/1 FontAwesome;
			color: inherit;
			text-align: center;
			cursor: inherit;
		}

		&::before {
			outline: @input-btn-outline-size solid;
			transition: outline-color .1s ease-out;
		}

		&::after {
			opacity: 0;
			transition: opacity .1s ease-out;
		}
	}

	&.checked:not(.disabled) > i::after {
		opacity: 1;
	}

	// label text
	> div {
		display: inline-block;
		font-weight: normal;

		// label description
		> div:nth-of-type(2) {
			font-size: small;

			.theme({
				.theme-mix-color( @theme-text-color-hint, @theme-background );
			});
		}
	}

	& {
		cursor: pointer;
	}
	&.disabled {
		cursor: default;
	}

	.theme({
		> i {
			.theme-mix-color( @theme-input-btn-color, @theme-input-btn-background );

			&::before {
				outline-color: @theme-input-btn-border-color;
				background: @theme-input-btn-background;
			}
		}

		&:not(.disabled):focus,
		&:not(.disabled):hover {
			> i::before {
				outline-color: @theme-input-btn-border-color-hover;
			}
			&:active > i::before {
				outline-color: @theme-input-btn-border-color-active;
			}
		}

		&.disabled {
			> i::before,
			&.checked > i::after,
			> span {
				opacity: @theme-input-btn-opacity-disabled;
			}<commit_msg>components/input-btn: fix disabled text opacity<commit_after>@import (reference) "~ui/styles/config";
@import (reference) "~ui/styles/themes";
@import (reference) "~font-awesome/less/variables.less";


.input-btn-component {
	@line: ( @input-btn-size * @line-height-base );
	@size: ( @input-btn-size + 2 * @input-btn-outline-size );

	&.no-label {
		> i {
			margin: 0;
		}
	}

	&:not(.no-label) {
		display: inline-flex;

		> i {
			flex: 0 0 @input-btn-size;
			margin: ( ( @line - @size ) / 2 ) .5em 0 0;
		}
	}

	> i {
		display: inline-block;
		position: relative;
		width: @input-btn-size;
		height: @input-btn-size;
		visibility: hidden;
		vertical-align: middle;
		cursor: inherit;

		// ::before => box
		// ::after  => icon
		&::before,
		&::after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			visibility: visible;
			overflow: hidden;
			font: @input-btn-size/1 FontAwesome;
			color: inherit;
			text-align: center;
			cursor: inherit;
		}

		&::before {
			outline: @input-btn-outline-size solid;
			transition: outline-color .1s ease-out;
		}

		&::after {
			opacity: 0;
			transition: opacity .1s ease-out;
		}
	}

	&.checked:not(.disabled) > i::after {
		opacity: 1;
	}

	// label text
	> div {
		display: inline-block;
		font-weight: normal;

		// label description
		> div:nth-of-type(2) {
			font-size: small;

			.theme({
				.theme-mix-color( @theme-text-color-hint, @theme-background );
			});
		}
	}

	& {
		cursor: pointer;
	}
	&.disabled {
		cursor: default;
	}

	.theme({
		> i {
			.theme-mix-color( @theme-input-btn-color, @theme-input-btn-background );

			&::before {
				outline-color: @theme-input-btn-border-color;
				background: @theme-input-btn-background;
			}
		}

		&:not(.disabled):focus,
		&:not(.disabled):hover {
			> i::before {
				outline-color: @theme-input-btn-border-color-hover;
			}
			&:active > i::before {
				outline-color: @theme-input-btn-border-color-active;
			}
		}

		&.disabled {
			> i::before,
			&.checked > i::after,
			> div {
				opacity: @theme-input-btn-opacity-disabled;
			}
{'fraction_non_alphanumeric': 0.18402694250661536, 'fraction_numerical': 0.008660091412076016, 'mean_word_length': 2.676392572944297, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 31, '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': '2006574', 'n_tokens_mistral': 1912, 'n_tokens_neox': 1592, 'n_words': 298}