<commit_before>import colors = require('./colors');

// Color of floating label and underline when focused
export var focusColor = colors.MATERIAL_COLOR_PRIMARY;

// Color of label when unfocused
export var labelColor = colors.MATERIAL_GREY_P500;

var transitionDuration = '0.2s';
var textMargin = '0.5em 0 0.25em';

export var styles = {
	normalTextFieldStyle: {
		background: 'transparent',
		fontSize: 16,
		border: 'none',
		outline: 'none',
		left: 0,
		width: '100%',
		padding: 0,
		margin: textMargin
	},

	underlineContainerStyle: {
		position: 'relative',
		left: 0,
		right: 0,
		height: 0,
		overflow: 'visible'
	},

	underlineStyle: {
		backgroundColor: labelColor,
		height: 1
	},

	// style used for the underline when the input
	// has focus
	focusedUnderlineStyle: {
		backgroundColor: focusColor,
		height: 2,
		position: 'absolute',
		top: 0,
		left: 0,
		right: 0,
		opacity: 0,
		transition: 'left ' + transitionDuration + ' ease-out, right ' + transitionDuration + ' ease-out'
	},

	errorUnderlineStyle: {
		backgroundColor: colors.MATERIAL_RED_P400
	},

	fullWidthTextFieldStyle: {
		width: '100%'
	},

	placeHolderStyling: {
		color: labelColor,
		fontSize: 16,
		left: 1,
		position: 'absolute',
		opacity: 1,
		transition: 'top .18s linear, font-size .18s linear, opacity .10s linear',
		pointerEvents: 'none',
		margin: textMargin
	},

	floatingLabelPlaceHolderStyling: {
		top: 27
	},

	containerStyling: {
		position: 'relative',
		width: 300,
		paddingBottom: 8
	},

	placeHolderTopStyling: {
		fontSize: 12,
		top: 4
	},

	scrollBlocksStyle: {
		backgroundColor: labelColor,
		bottom: 6,
		height: 3,
		opacity: 0,
		position: 'absolute',
		transition: 'opacity .28s linear',
		width: 3,
		':before': {
			backgroundColor: labelColor,
			bottom: 0,
			content: "''",
			position: 'absolute',
			height: 3,
			width: 3,
			right: 6
		},
		':after': {
			backgroundColor: labelColor,
			bottom: 0,
			content: "''",
			position: 'absolute',
			height: 3,
			width: 3,
			right: -6
		}
	},

	focusStyle: {
		backgroundColor: focusColor,
		':before': {
			backgroundColor: focusColor
		},
		':after': {
			backgroundColor: focusColor
		}
	}
}

<commit_msg>Remove the fixed width for text field components<commit_after>import colors = require('./colors');

// Color of floating label and underline when focused
export var focusColor = colors.MATERIAL_COLOR_PRIMARY;

// Color of label when unfocused
export var labelColor = colors.MATERIAL_GREY_P500;

var transitionDuration = '0.2s';
var textMargin = '0.5em 0 0.25em';

export var styles = {
	normalTextFieldStyle: {
		background: 'transparent',
		fontSize: 16,
		border: 'none',
		outline: 'none',
		left: 0,
		width: '100%',
		padding: 0,
		margin: textMargin
	},

	underlineContainerStyle: {
		position: 'relative',
		left: 0,
		right: 0,
		height: 0,
		overflow: 'visible'
	},

	underlineStyle: {
		backgroundColor: labelColor,
		height: 1
	},

	// style used for the underline when the input
	// has focus
	focusedUnderlineStyle: {
		backgroundColor: focusColor,
		height: 2,
		position: 'absolute',
		top: 0,
		left: 0,
		right: 0,
		opacity: 0,
		transition: 'left ' + transitionDuration + ' ease-out, right ' + transitionDuration + ' ease-out'
	},

	errorUnderlineStyle: {
		backgroundColor: colors.MATERIAL_RED_P400
	},

	fullWidthTextFieldStyle: {
		width: '100%'
	},

	placeHolderStyling: {
		color: labelColor,
		fontSize: 16,
		left: 1,
		position: 'absolute',
		opacity: 1,
		transition: 'top .18s linear, font-size .18s linear, opacity .10s linear',
		pointerEvents: 'none',
		margin: textMargin
	},

	floatingLabelPlaceHolderStyling: {
		top: 27
	},

	containerStyling: {
		position: 'relative',
		paddingBottom: 8
	},

	placeHolderTopStyling: {
		fontSize: 12,
		top: 4
	},

	scrollBlocksStyle: {
		backgroundColor: labelColor,
		bottom: 6,
		height: 3,
		opacity: 0,
		position: 'absolute',
		transition: 'opacity .28s linear',
		width: 3,
		':before': {
			backgroundColor: labelColor,
			bottom: 0,
			content: "''",
			position: 'absolute',
			height: 3,
			width: 3,
			right: 6
		},
		':after': {
			backgroundColor: labelColor,
			bottom: 0,
			content: "''",
			position: 'absolute',
			height: 3,
			width: 3,
			right: -6
		}
	},

	focusStyle: {
		backgroundColor: focusColor,
		':before': {
			backgroundColor: focusColor
		},
		':after': {
			backgroundColor: focusColor
		}
	}
}


{'fraction_non_alphanumeric': 0.1308411214953271, 'fraction_numerical': 0.029405060405744244, 'mean_word_length': 3.5708333333333333, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7288635', 'n_tokens_mistral': 1832, 'n_tokens_neox': 1518, 'n_words': 405}