<commit_before>%lui_input_reset_compact {
	@extend %lui_input_reset;

	padding-left: luiTheme(element, field, input, compact, horizontal-padding);
	padding-right: luiTheme(element, field, input, compact, horizontal-padding);

	border-radius: luiTheme(element, field, input, compact, border-radius);
	border: luiTheme(element, field, input, compact, border-width) solid luiTheme(element, field, input, compact, border-color);

	background-color: luiTheme(element, field, input, compact, background-color);

	transition-property: background-color;
	transition-duration: luiTheme(element, field, input, transition, duration);
	transition-timing-function: luiTheme(element, field, input, transition, easing);

	&::selection {
		background: luiTheme(element, field, input, compact, selection-background);
		color: luiTheme(element, field, input, compact, selection-text);
	}
	&::-moz-selection {
		background: luiTheme(element, field, input, compact, selection-background);
		color: luiTheme(element, field, input, compact, selection-text);
	}
}

%lui_input_focus_compact {
	background-color: luiTheme(element, field, input, compact, focus, background-color);
	border-color: luiTheme(element, field, input, compact, focus, border-color);
}

%lui_input_invalid_input_compact {
	background-color: mix(luiTheme(element, field, invalid-color), #FFF, 25%);
	border-color: luiTheme(element, field, invalid-color);
	color: luiTheme(element, field, invalid-color);
}

%lui_input_disabled_compact {
	border-color: luiTheme(element, field, input, compact, background-color);
	color: transparentize(luiTheme(element, typography, body, color), 0.25);
}

%lui_input_sizing_compact {
	padding: luiTheme(element, field, input, compact, vertical-padding) luiTheme(element, field, input, compact, horizontal-padding);
}

%lui_quick_compact_input {
	@extend %lui_input_reset_compact;
	&:focus {
		@extend %lui_input_focus_compact;
	}
}

@if (luiTheme(element, field, enabled)) {
	@if lui_input_style_enabled("compact") {
		$selector: lui_input_get_style_selector("compact");
		$vars: luiTheme(element, field, input, compact);
		#{$prefix}.input#{$selector} {
			> input:not([type="checkbox"]):not([type="radio"]),
			> textarea,
			> select,
			> .unit {
				@extend %lui_input_sizing_compact;
			}

			> input:not([type="checkbox"]):not([type="radio"]),
			> textarea {
				@extend %lui_input_reset_compact;
			}

			> input:not([type="checkbox"]):not([type="radio"]):focus,
			> textarea:focus,
			&.focused > input:not([type="checkbox"]):not([type="radio"]),
			&.focused > textarea {
				@extend %lui_input_focus_compact;
			}

			// Disabled
			// ====
			& > *[ng-model][disabled]:not([type="checkbox"]):not([type="radio"]) {
				@extend %lui_input_disabled_compact;
			}

			// Invalid
			// ====
			& > input.ng-invalid.ng-dirty:not([type="checkbox"]):not([type="radio"]),
			& > input.ng-invalid.ng-touched:not([type="checkbox"]):not([type="radio"]),
			& > input.ng-not-empty.ng-pristine.ng-invalid:not([type="checkbox"]):not([type="radio"]),
			& > textarea.ng-invalid.ng-dirty,
			& > textarea.ng-invalid.ng-touched,
			& > textarea.ng-not-empty.ng-pristine.ng-invalid {
				@extend %lui_input_invalid_input_compact;
			}

			& > label {
				@include flex-order(-1);
			}

			& > #{$prefix}.input#{$selector} {
				margin-right: 0;
			}
		}
		// Sizing
		@each $sizeName, $sizeEms in luiTheme(element, field, lengths) {
			#{$prefix}.input.#{$sizeName}#{$selector} > *[ng-model]:not([type="checkbox"]):not([type="radio"]):not([size]) {
				min-width: 0;
				width: $sizeEms;
			}
		}

		#{$prefix}.fitting.field > .input#{$selector},
		#{$prefix}.fitting.field#{$selector} > .input,
		#{$prefix}.fitting.input#{$selector} {
			& > *[ng-model]:not([type="checkbox"]):not([type="radio"]), & > input:not([type="checkbox"]):not([type="radio"]) {
				width: calc(100% - #{map-gets($vars, label-lengths, medium)} - #{map-gets($vars, label-right-padding)});
			}
		}

		#{$prefix}.input#{$selector}:not(.radio):not(.checkbox):not(.switch) > label {
			width: map-gets($vars, label-lengths, medium);
			white-space: inherit;
			word-break: break-word;
			margin-right: map-gets($vars, label-right-padding);
		}


		@each $sizeName, $sizeEms in map-gets($vars, label-lengths) {<commit_msg>more precise selector to allow rule override<commit_after>%lui_input_reset_compact {
	@extend %lui_input_reset;

	padding-left: luiTheme(element, field, input, compact, horizontal-padding);
	padding-right: luiTheme(element, field, input, compact, horizontal-padding);

	border-radius: luiTheme(element, field, input, compact, border-radius);
	border: luiTheme(element, field, input, compact, border-width) solid luiTheme(element, field, input, compact, border-color);

	background-color: luiTheme(element, field, input, compact, background-color);

	transition-property: background-color;
	transition-duration: luiTheme(element, field, input, transition, duration);
	transition-timing-function: luiTheme(element, field, input, transition, easing);

	&::selection {
		background: luiTheme(element, field, input, compact, selection-background);
		color: luiTheme(element, field, input, compact, selection-text);
	}
	&::-moz-selection {
		background: luiTheme(element, field, input, compact, selection-background);
		color: luiTheme(element, field, input, compact, selection-text);
	}
}

%lui_input_focus_compact {
	background-color: luiTheme(element, field, input, compact, focus, background-color);
	border-color: luiTheme(element, field, input, compact, focus, border-color);
}

%lui_input_invalid_input_compact {
	background-color: mix(luiTheme(element, field, invalid-color), #FFF, 25%);
	border-color: luiTheme(element, field, invalid-color);
	color: luiTheme(element, field, invalid-color);
}

%lui_input_disabled_compact {
	border-color: luiTheme(element, field, input, compact, background-color);
	color: transparentize(luiTheme(element, typography, body, color), 0.25);
}

%lui_input_sizing_compact {
	padding: luiTheme(element, field, input, compact, vertical-padding) luiTheme(element, field, input, compact, horizontal-padding);
}

%lui_quick_compact_input {
	@extend %lui_input_reset_compact;
	&:focus {
		@extend %lui_input_focus_compact;
	}
}

@if (luiTheme(element, field, enabled)) {
	@if lui_input_style_enabled("compact") {
		$selector: lui_input_get_style_selector("compact");
		$vars: luiTheme(element, field, input, compact);
		#{$prefix}.input#{$selector} {
			> input:not([type="checkbox"]):not([type="radio"]),
			> textarea,
			> select,
			> .unit {
				@extend %lui_input_sizing_compact;
			}

			> input:not([type="checkbox"]):not([type="radio"]),
			> textarea {
				@extend %lui_input_reset_compact;
			}

			> input:not([type="checkbox"]):not([type="radio"]):focus,
			> textarea:focus,
			&.focused > input:not([type="checkbox"]):not([type="radio"]),
			&.focused > textarea {
				@extend %lui_input_focus_compact;
			}

			// Disabled
			// ====
			& > *[ng-model][disabled]:not([type="checkbox"]):not([type="radio"]) {
				@extend %lui_input_disabled_compact;
			}

			// Invalid
			// ====
			& > input.ng-invalid.ng-dirty:not([type="checkbox"]):not([type="radio"]),
			& > input.ng-invalid.ng-touched:not([type="checkbox"]):not([type="radio"]),
			& > input.ng-not-empty.ng-pristine.ng-invalid:not([type="checkbox"]):not([type="radio"]),
			& > textarea.ng-invalid.ng-dirty,
			& > textarea.ng-invalid.ng-touched,
			& > textarea.ng-not-empty.ng-pristine.ng-invalid {
				@extend %lui_input_invalid_input_compact;
			}

			& > label {
				@include flex-order(-1);
			}

			& > #{$prefix}.input#{$selector} {
				margin-right: 0;
			}
		}
		// Sizing
		@each $sizeName, $sizeEms in luiTheme(element, field, lengths) {
			#{$prefix}.input.#{$sizeName}#{$selector} > *[ng-model]:not([type="checkbox"]):not([type="radio"]):not([size]) {
				min-width: 0;
				width: $sizeEms;
			}
		}

		#{$prefix}.fitting.field > .input#{$selector},
		#{$prefix}.fitting.field#{$selector} > .input,
		#{$prefix}.fitting.input#{$selector} {
			& > *[ng-model]:not([type="checkbox"]):not([type="radio"]):not([size]):not(luid-translations), & > input:not([type="checkbox"]):not([type="radio"]) {
				width: calc(100% - #{map-gets($vars, label-lengths, medium)} - #{map-gets($vars, label-right-padding)});
			}
		}

		#{$prefix}.input#{$selector}:not(.radio):not(.checkbox):not(.switch) > label {
			width: map-gets($vars, label-lengths, medium);
			white-space: inherit;
			word-break: break-word;
			margin-right: map-gets($vars, label-right-padding);
		}


		@each $sizeName, $sizeEms in map-gets($vars, label-lengths) {
{'fraction_non_alphanumeric': 0.18514644351464435, 'fraction_numerical': 0.0025569502556950256, 'mean_word_length': 5.2355072463768115, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 53, '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': '5002304', 'n_tokens_mistral': 3268, 'n_tokens_neox': 2882, 'n_words': 482}