[
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._label ._asterisk",
		"np": true,
		"dv": "<colorTwelve>",
		"gn": "Color",
		"dn": "Mandatory Asterisk Color",
		"n": "textBoxAsteriskColor<designType><colorScheme>"
	},
	{
		"cp": "font",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"spv": {
			"_default-": "<primaryFont>",
			"_outlined-": "<primaryFont>",
			"_filled-": "<primaryFont>",
			"_bigDesign1-": "<primaryFont>",
			"_editOnReq-": "<primaryFont>"
		},
		"gn": "Font",
		"dn": "Font",
		"n": "textBoxFont<designType><colorScheme>"
	},
	{
		"cp": "height",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"spv": {
			"_default-": "32px",
			"_outlined-": "32px",
			"_filled-": "32px",
			"_bigDesign1-": "60px",
			"_editOnReq-": "32px"
		},
		"gn": "Height",
		"dn": "Height",
		"n": "textBoxHeight<designType><colorScheme>"
	},
	{
		"cp": "padding",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"spv": {
			"_default-": "0px 5px",
			"_outlined-": "0px 14px",
			"_filled-": "0px 5px",
			"_bigDesign1-": "0px 5px",
			"_editOnReq-": "0px 5px"
		},
		"gn": "Padding",
		"dn": "Padding",
		"n": "textBoxPadding<designType><colorScheme>"
	},
	{
		"cp": "border-radius",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"spv": {
			"_default-": "4px",
			"_outlined-": "16px",
			"_filled-": "4px",
			"_bigDesign1-": "4px",
			"_editOnReq-": "4px"
		},
		"gn": "Border Radius",
		"dn": "Border Radius",
		"n": "textBoxBorderRadius<designType><colorScheme>"
	},
	{
		"cp": "border",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"spv": {
			"_default-": "1px solid",
			"_outlined-": "1px solid",
			"_bigDesign1-": "1px solid"
		},
		"gn": "Border",
		"dn": "Border",
		"n": "textBoxBorder<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._errorIcon._rightIcon, .comp.compTextBox<designType><colorScheme>._isActive ._errorIcon._rightIcon, .comp.compTextBox<designType><colorScheme>._hasValue ._errorIcon._rightIcon",
		"np": true,
		"spv": {
			"_default-": "<errorColor>",
			"_outlined-": "<errorColor>",
			"_filled-": "<errorColor>",
			"_bigDesign1-": "<errorColor>",
			"_editOnReq-": "<errorColor>"
		},
		"gn": "Color",
		"dn": "Error Icon Right Icon Color",
		"n": "textBoxErrorIconRightIconColor<designType><colorScheme>"
	},
	{
		"cp": "font",
		"sel": ".comp.compTextBox<designType><colorScheme> ._label",
		"np": true,
		"spv": {
			"_default-": "<quaternaryFont>",
			"_outlined-": "<quaternaryFont>",
			"_filled-": "<quaternaryFont>",
			"_bigDesign1-": "<quaternaryFont>",
			"_editOnReq-": "<quaternaryFont>"
		},
		"gn": "Font",
		"dn": "Label Font",
		"n": "textBoxFontLabel<designType><colorScheme>"
	},
	{
		"cp": "margin",
		"sel": ".comp.compTextBox<designType><colorScheme> ._label",
		"np": true,
		"spv": {
			"_default-": "0px 0px 0px 0px",
			"_outlined-": "0px 0px 0px 0px",
			"_filled-": "0px 0px 0px 0px",
			"_bigDesign1-": "-30px 0px 0px 0px",
			"_editOnReq-": "0px 0px 0px 0px"
		},
		"gn": "Margin",
		"dn": "MarginLabel",
		"n": "textBoxMarginLabel<designType><colorScheme>"
	},
	{
		"cp": "padding",
		"sel": ".comp.compTextBox<designType><colorScheme> ._leftIcon",
		"np": true,
		"spv": {
			"_default-": "0px 8px",
			"_outlined-": "0px 8px",
			"_filled-": "0px 8px",
			"_bigDesign1-": "0px 18px 0px 8px",
			"_editOnReq-": "0px 8px"
		},
		"gn": "Padding",
		"dn": "PaddingLeftIcon",
		"n": "textBoxPaddingLeftIcon<designType><colorScheme>"
	},
	{
		"cp": "padding",
		"sel": ".comp.compTextBox<designType><colorScheme> ._rightIcon",
		"np": true,
		"spv": {
			"_default-": "0px 8px",
			"_bigDesign1-": "0px 8px",
			"_outlined-": "0px 8px",
			"_filled-": "0px 8px"
		},
		"gn": "Padding",
		"dn": "PaddingRightIcon",
		"n": "textBoxPaddingRightIcon<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._successIcon._rightIcon, .comp.compTextBox<designType><colorScheme>._isActive ._successIcon._rightIcon, .comp.compTextBox<designType><colorScheme>._hasValue ._successIcon._rightIcon",
		"np": true,
		"spv": {
			"_default-": "<successColor>",
			"_outlined-": "<successColor>",
			"_filled-": "<successColor>",
			"_bigDesign1-": "<successColor>",
			"_editOnReq-": "<successColor>"
		},
		"gn": "Color",
		"dn": "Success Icon Right Icon Color",
		"n": "textBoxSuccessIconRightIconColor<designType><colorScheme>"
	},
	{
		"cp": "font",
		"sel": ".comp.compTextBox<designType><colorScheme> ._supportText",
		"np": true,
		"spv": {
			"_default-": "<quaternaryFont>",
			"_outlined-": "<quaternaryFont>",
			"_filled-": "<quaternaryFont>",
			"_bigDesign1-": "<quaternaryFont>",
			"_editOnReq-": "<quaternaryFont>"
		},
		"gn": "Font",
		"dn": "Support Text Font",
		"n": "textBoxFontSupportText<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasError",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Error Color",
		"n": "textBoxErrorColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasError ._leftIcon",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Error Left Icon Color",
		"n": "textBoxErrorLeftIconColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasError ._rightIcon",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Error Right Icon Color",
		"n": "textBoxErrorRightIconColor<designType><colorScheme>"
	},
	{
		"cp": "background",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasError, .comp.compTextBox<designType><colorScheme>._isActive._hasError, .comp.compTextBox<designType><colorScheme>._hasValue._hasError",
		"np": true,
		"spv": {
			"_filled-": "<errorColor>",
			"_bigDesign1-": "linear-gradient(90deg, <errorColor>19 0%, <backgroundColorSix>00 64.33%)"
		},
		"gn": "Background",
		"dn": "Error Background",
		"n": "textBoxErrorBackground<designType><colorScheme>"
	},
	{
		"cp": "box-shadow",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasError, .comp.compTextBox<designType><colorScheme>._isActive._hasError, .comp.compTextBox<designType><colorScheme>._hasValue._hasError",
		"np": true,
		"gn": "Box Shadow",
		"dn": "Error Box Shadow",
		"n": "textBoxErrorBoxShadow<designType><colorScheme>"
	},
	{
		"cp": "box-shadow",
		"sel": ".comp.compTextBox<designType><colorScheme>._validationSuccess, .comp.compTextBox<designType><colorScheme>._isActive._validationSuccess, .comp.compTextBox<designType><colorScheme>._hasValue._validationSuccess",
		"np": true,
		"gn": "Box Shadow",
		"dn": "Success Box Shadow",
		"n": "textBoxSuccessBoxShadow<designType><colorScheme>"
	},
	{
		"cp": "border",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasValue",
		"np": true,
		"spv": {
			"_default-": "1px solid",
			"_outlined-": "1px solid",
			"_bigDesign1-": "1px solid"
		},
		"gn": "Border",
		"dn": "Value Border",
		"n": "textBoxValueBorder<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasValue._hasError",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Error Value Color",
		"n": "textBoxErrorValueColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasValue._hasError ._leftIcon",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Error Value Left Icon Color",
		"n": "textBoxErrorValueLeftIconColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasValue._hasError ._rightIcon",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Error Value Right Icon Color",
		"n": "textBoxErrorValueRightIconColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme>",
		"np": true,
		"spv": {
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_quaternary": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Value Color",
		"n": "textBoxValueColor<designType><colorScheme>"
	},
	{
		"cp": "background",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme>",
		"np": true,
		"spv": {
			"_filled-_primary": "<backgroundColorOne>",
			"_filled-_secondary": "<backgroundColorTwo>",
			"_filled-_tertiary": "<backgroundColorThree>",
			"_filled-_quaternary": "<backgroundColorFour>",
			"_filled-_quinary": "<backgroundColorFive>",
			"_bigDesign1-_primary": "linear-gradient(90deg, <backgroundColorOne>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_secondary": "linear-gradient(90deg, <backgroundColorTwo>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_tertiary": "linear-gradient(90deg, <backgroundColorThree>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_quaternary": "linear-gradient(90deg, <backgroundColorFour>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_quinary": "linear-gradient(90deg, <backgroundColorFive>19 0%, <backgroundColorSix>00 64.33%), white"
		},
		"gn": "Background",
		"dn": "Value Background",
		"n": "textBoxValueBackground<designType><colorScheme>"
	},
	{
		"cp": "box-shadow",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme>",
		"np": true,
		"gn": "Box Shadow",
		"dn": "Value Box Shadow",
		"n": "textBoxValueBoxShadow<designType><colorScheme>"
	},
	{
		"cp": "font",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme>",
		"np": true,
		"gn": "Font",
		"dn": "Value Font",
		"n": "textBoxValueFont<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme> ._label",
		"np": true,
		"spv": {
			"_default-_secondary": "<fontColorFour>",
			"_default-_tertiary": "<fontColorFive>",
			"_default-_quaternary": "<fontColorNine>",
			"_default-_quinary": "<fontColorSeven>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_filled-_secondary": "<fontColorFour>",
			"_filled-_tertiary": "<fontColorFive>",
			"_filled-_quaternary": "<fontColorNine>",
			"_filled-_quinary": "<fontColorSeven>",
			"_bigDesign1-_secondary": "<fontColorFour>",
			"_bigDesign1-_tertiary": "<fontColorFive>",
			"_bigDesign1-_quaternary": "<fontColorNine>",
			"_bigDesign1-_quinary": "<fontColorSeven>"
		},
		"gn": "Color",
		"dn": "Value Label Color",
		"n": "textBoxValueLabelColor<designType><colorScheme>",
		"dv": "<fontColorThree>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme> ._leftIcon",
		"np": true,
		"spv": {
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_tertiary": "<fontColorTwo>",
			"_filled-_quaternary": "<fontColorTwo>",
			"_filled-_quinary": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Value Left Icon Color",
		"n": "textBoxValueLeftIconColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme> ._rightIcon",
		"np": true,
		"spv": {
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_tertiary": "<fontColorTwo>",
			"_filled-_quaternary": "<fontColorTwo>",
			"_filled-_quinary": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Value Right Icon Color",
		"n": "textBoxValueRightIconColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme> ._supportText",
		"np": true,
		"spv": {
			"_default-_secondary": "<fontColorFour>",
			"_default-_tertiary": "<fontColorFive>",
			"_default-_quaternary": "<fontColorNine>",
			"_default-_quinary": "<fontColorSeven>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_filled-_secondary": "<fontColorFour>",
			"_filled-_tertiary": "<fontColorFive>",
			"_filled-_quaternary": "<fontColorNine>",
			"_filled-_quinary": "<fontColorSeven>",
			"_bigDesign1-_secondary": "<fontColorFour>",
			"_bigDesign1-_tertiary": "<fontColorFive>",
			"_bigDesign1-_quaternary": "<fontColorNine>",
			"_bigDesign1-_quinary": "<fontColorSeven>",
			"_text-_secondary": "<fontColorFour>",
			"_text-_tertiary": "<fontColorFive>",
			"_text-_quaternary": "<fontColorNine>",
			"_text-_quinary": "<fontColorSeven>"
		},
		"gn": "Color",
		"dn": "Value Support Text Color",
		"n": "textBoxValueSupportTextColor<designType><colorScheme>",
		"dv": "<fontColorThree>"
	},
	{
		"cp": "border",
		"sel": ".comp.compTextBox<designType><colorScheme>._isActive",
		"np": true,
		"spv": {
			"_default-": "1px solid",
			"_outlined-": "1px solid",
			"_bigDesign1-": "1px solid"
		},
		"gn": "Border",
		"dn": "Active Border",
		"n": "textBoxActiveBorder<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme>._isActive._hasError",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Active Error Color",
		"n": "textBoxActiveErrorColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._isActive._hasError ._leftIcon",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Active Error Left Icon Color",
		"n": "textBoxActiveErrorLeftIconColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._isActive._hasError ._rightIcon",
		"np": true,
		"spv": {
			"_filled-": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Active Error Right Icon Color",
		"n": "textBoxActiveErrorRightIconColor<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme>",
		"np": true,
		"spv": {
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_quaternary": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Active Color",
		"n": "textBoxActiveColor<designType><colorScheme>",
		"dv": "<fontColorOne>"
	},
	{
		"cp": "background",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme>",
		"np": true,
		"spv": {
			"_filled-_primary": "<backgroundColorOne>",
			"_filled-_secondary": "<backgroundColorTwo>",
			"_filled-_tertiary": "<backgroundColorThree>",
			"_filled-_quaternary": "<backgroundColorFour>",
			"_filled-_quinary": "<backgroundColorFive>",
			"_bigDesign1-_primary": "linear-gradient(90deg, <backgroundColorOne>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_secondary": "linear-gradient(90deg, <backgroundColorTwo>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_tertiary": "linear-gradient(90deg, <backgroundColorThree>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_quaternary": "linear-gradient(90deg, <backgroundColorFour>19 0%, <backgroundColorSix>00 64.33%), white",
			"_bigDesign1-_quinary": "linear-gradient(90deg, <backgroundColorFive>19 0%, <backgroundColorSix>00 64.33%), white"
		},
		"gn": "Background",
		"dn": "Active Background",
		"n": "textBoxActiveBackground<designType><colorScheme>"
	},
	{
		"cp": "box-shadow",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme>",
		"np": true,
		"gn": "Box Shadow",
		"dn": "Active Box Shadow",
		"n": "textBoxActiveBoxShadow<designType><colorScheme>"
	},
	{
		"cp": "font",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme>",
		"np": true,
		"gn": "Font",
		"dn": "Active Font",
		"n": "textBoxActiveFont<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme> ._label",
		"np": true,
		"spv": {
			"_default-_secondary": "<fontColorFour>",
			"_default-_tertiary": "<fontColorFive>",
			"_default-_quaternary": "<fontColorNine>",
			"_default-_quinary": "<fontColorSeven>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_filled-_secondary": "<fontColorFour>",
			"_filled-_tertiary": "<fontColorFive>",
			"_filled-_quaternary": "<fontColorNine>",
			"_filled-_quinary": "<fontColorSeven>",
			"_bigDesign1-_secondary": "<fontColorFour>",
			"_bigDesign1-_tertiary": "<fontColorFive>",
			"_bigDesign1-_quaternary": "<fontColorNine>",
			"_bigDesign1-_quinary": "<fontColorSeven>"
		},
		"gn": "Color",
		"dn": "Active Label Color",
		"n": "textBoxActiveLabelColor<designType><colorScheme>",
		"dv": "<fontColorThree>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme> ._leftIcon",
		"np": true,
		"spv": {
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_tertiary": "<fontColorTwo>",
			"_filled-_quaternary": "<fontColorTwo>",
			"_filled-_quinary": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Active Left Icon Color",
		"n": "textBoxActiveLeftIconColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme> ._rightIcon",
		"np": true,
		"spv": {
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_tertiary": "<fontColorTwo>",
			"_filled-_quaternary": "<fontColorTwo>",
			"_filled-_quinary": "<fontColorTwo>"
		},
		"gn": "Color",
		"dn": "Active Right Icon Color",
		"n": "textBoxActiveRightIconColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme> ._supportText",
		"np": true,
		"spv": {
			"_default-_secondary": "<fontColorFour>",
			"_default-_tertiary": "<fontColorFive>",
			"_default-_quaternary": "<fontColorNine>",
			"_default-_quinary": "<fontColorSeven>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_filled-_secondary": "<fontColorFour>",
			"_filled-_tertiary": "<fontColorFive>",
			"_filled-_quaternary": "<fontColorNine>",
			"_filled-_quinary": "<fontColorSeven>",
			"_bigDesign1-_secondary": "<fontColorFour>",
			"_bigDesign1-_tertiary": "<fontColorFive>",
			"_bigDesign1-_quaternary": "<fontColorNine>",
			"_bigDesign1-_quinary": "<fontColorSeven>"
		},
		"gn": "Color",
		"dn": "Active Support Text Color",
		"n": "textBoxActiveSupportTextColor<designType><colorScheme>",
		"dv": "<fontColorThree>"
	},
	{
		"cp": "background",
		"sel": ".comp.compTextBox<designType><colorScheme>._validationSuccess, .comp.compTextBox<designType><colorScheme>._isActive._validationSuccess, .comp.compTextBox<designType><colorScheme>._hasValue._validationSuccess",
		"np": true,
		"spv": {
			"_filled-": "<successColor>",
			"_bigDesign1-": "linear-gradient(90deg, <successColor>19 0%, <backgroundColorSix>00 64.33%)"
		},
		"gn": "Background",
		"dn": "Success Background",
		"n": "textBoxSuccessBackground<designType><colorScheme>"
	},
	{
		"cp": "background",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"spv": {
			"_filled-_primary": "<backgroundColorOne>",
			"_filled-_secondary": "<backgroundColorTwo>",
			"_filled-_tertiary": "<backgroundColorThree>",
			"_filled-_quaternary": "<backgroundColorFour>",
			"_filled-_quinary": "<backgroundColorFive>",
			"_bigDesign1-_primary": "linear-gradient(90deg, #96A1B41A 0%, #33333300 64.33%), white",
			"_bigDesign1-_secondary": "linear-gradient(90deg, #96A1B41A 0%, #33333300 64.33%), white",
			"_bigDesign1-_tertiary": "linear-gradient(90deg, #96A1B41A 0%, #33333300 64.33%), white",
			"_bigDesign1-_quaternary": "linear-gradient(90deg, #96A1B41A 0%, #33333300 64.33%), white",
			"_bigDesign1-_quinary": "linear-gradient(90deg, #96A1B41A 0%, #33333300 64.33%), white"
		},
		"gn": "Background",
		"dn": "Background",
		"n": "textBoxBackground<designType><colorScheme>",
		"dv": "<backgroundColorSeven>"
	},
	{
		"cp": "background",
		"sel": ".comp.compTextBox<designType><colorScheme>:hover, .comp.compTextBox<designType><colorScheme>._isActive:hover, .comp.compTextBox<designType><colorScheme>._editMode",
		"np": true,
		"spv": {
			"_editOnReq-": "<backgroundColorNine>"
		},
		"gn": "Background",
		"dn": "Hover Background",
		"n": "textBoxHoverBackground<designType><colorScheme>"
	},
	{
		"cp": "background",
		"sel": ".comp.compTextBox<designType><colorScheme>._readOnly:hover",
		"np": true,
		"spv": {
			"_editOnReq-": "transparent"
		},
		"gn": "Background",
		"dn": "Hover Readonly Background",
		"n": "textBoxHoverReadonlyBackground<designType><colorScheme>"
	},
	{
		"cp": "box-shadow",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"gn": "Box Shadow",
		"dn": "Box Shadow",
		"n": "textBoxBoxShadow<designType><colorScheme>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._label",
		"np": true,
		"spv": {
			"_outlined-_primary": "<fontColorThree>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_tertiary": "<fontColorOne>",
			"_filled-_quaternary": "<fontColorTwo>",
			"_filled-_quinary": "<fontColorOne>"
		},
		"gn": "Color",
		"dn": "Label Color",
		"n": "textBoxLabelColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._leftIcon",
		"np": true,
		"spv": {},
		"gn": "Color",
		"dn": "Left Icon Color",
		"n": "textBoxLeftIconColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._rightIcon",
		"np": true,
		"spv": {},
		"gn": "Color",
		"dn": "Right Icon Color",
		"n": "textBoxRightIconColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._supportText",
		"np": true,
		"spv": {
			"_outlined-_primary": "<fontColorThree>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>"
		},
		"gn": "Color",
		"dn": "Support Text Color",
		"n": "textBoxSupportTextColor<designType><colorScheme>",
		"dv": "<fontColorEight>"
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> input::placeholder",
		"np": true,
		"spv": {
			"_filled-_primary": "<fontColorTwo>",
			"_filled-_secondary": "<fontColorTwo>",
			"_filled-_tertiary": "<fontColorOne>",
			"_filled-_quaternary": "<fontColorTwo>",
			"_filled-_quinary": "<fontColorOne>"
		},
		"gn": "Color",
		"dn": "Placeholder Color",
		"n": "textBoxPlaceholderColor<designType><colorScheme>"
	},
	{
		"cp": "font",
		"sel": ".comp.compTextBox<designType><colorScheme> input::placeholder",
		"np": true,
		"gn": "Font",
		"dn": "Placeholder Font",
		"n": "textBoxPlaceholderFont<designType><colorScheme>"
	},
	{
		"cp": "border-color",
		"sel": ".comp.compTextBox<designType><colorScheme>",
		"np": true,
		"spv": {
			"_default-_primary": "<fontColorEight>",
			"_default-_secondary": "<fontColorEight>",
			"_default-_tertiary": "<fontColorEight>",
			"_default-_quaternary": "<fontColorEight>",
			"_default-_quinary": "<fontColorEight>",
			"_outlined-_primary": "<fontColorThree>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_bigDesign1-_primary": "<fontColorEight>22",
			"_bigDesign1-_secondary": "<fontColorEight>22",
			"_bigDesign1-_tertiary": "<fontColorEight>22",
			"_bigDesign1-_quaternary": "<fontColorEight>22",
			"_bigDesign1-_quinary": "<fontColorEight>22"
		},
		"gn": "Border Color",
		"dn": "Border Color",
		"n": "textBoxBorderColor<designType><colorScheme>"
	},
	{
		"cp": "border-color",
		"sel": ".comp.compTextBox<designType>._hasValue<colorScheme>",
		"np": true,
		"spv": {
			"_default-_primary": "<fontColorThree>",
			"_default-_secondary": "<fontColorFour>",
			"_default-_tertiary": "<fontColorFive>",
			"_default-_quaternary": "<fontColorNine>",
			"_default-_quinary": "<fontColorSeven>",
			"_outlined-_primary": "<fontColorThree>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_bigDesign1-_primary": "<fontColorThree>",
			"_bigDesign1-_secondary": "<fontColorFour>",
			"_bigDesign1-_tertiary": "<fontColorFive>",
			"_bigDesign1-_quaternary": "<fontColorNine>",
			"_bigDesign1-_quinary": "<fontColorSeven>"
		},
		"gn": "Border Color",
		"dn": "Value Border Color",
		"n": "textBoxValueBorderColor<designType><colorScheme>"
	},
	{
		"cp": "border-color",
		"sel": ".comp.compTextBox<designType>._isActive<colorScheme>",
		"np": true,
		"spv": {
			"_default-_primary": "<fontColorThree>",
			"_default-_secondary": "<fontColorFour>",
			"_default-_tertiary": "<fontColorFive>",
			"_default-_quaternary": "<fontColorNine>",
			"_default-_quinary": "<fontColorSeven>",
			"_outlined-_primary": "<fontColorThree>",
			"_outlined-_secondary": "<fontColorFour>",
			"_outlined-_tertiary": "<fontColorFive>",
			"_outlined-_quaternary": "<fontColorNine>",
			"_outlined-_quinary": "<fontColorSeven>",
			"_bigDesign1-_primary": "<fontColorThree>",
			"_bigDesign1-_secondary": "<fontColorFour>",
			"_bigDesign1-_tertiary": "<fontColorFive>",
			"_bigDesign1-_quaternary": "<fontColorNine>",
			"_bigDesign1-_quinary": "<fontColorSeven>"
		},
		"gn": "Border Color",
		"dn": "Active Border Color",
		"n": "textBoxActiveBorderColor<designType><colorScheme>"
	},
	{
		"cp": "border-color",
		"sel": ".comp.compTextBox<designType><colorScheme>._hasError, .comp.compTextBox<designType><colorScheme>._isActive._hasError, .comp.compTextBox<designType><colorScheme>._hasValue._hasError",
		"np": true,
		"spv": {
			"_default-": "<errorColor>",
			"_outlined-": "<errorColor>",
			"_bigDesign1-": "<errorColor>"
		},
		"gn": "Border Color",
		"dn": "Error Border Color",
		"n": "textBoxErrorBorderColor<designType><colorScheme>"
	},
	{
		"cp": "border-color",
		"sel": ".comp.compTextBox<designType><colorScheme>._validationSuccess, .comp.compTextBox<designType><colorScheme>._isActive._validationSuccess, .comp.compTextBox<designType><colorScheme>._hasValue._validationSuccess",
		"np": true,
		"spv": {
			"_default-": "<successColor>",
			"_outlined-": "<successColor>",
			"_bigDesign1-": "<successColor>"
		},
		"gn": "Border Color",
		"dn": "Success Border Color",
		"n": "textBoxSuccessBorderColor<designType><colorScheme>"
	},
	{
		"gn": "Label",
		"dn": "Label Letter Spacing",
		"n": "textBoxLetterSpacingLabel<designType><colorScheme>",
		"cp": "letter-spacing",
		"sel": ".comp.compTextBox<designType><colorScheme> ._label",
		"np": true
	},
	{
		"gn": "Label",
		"dn": "Label Text Transform",
		"n": "textBoxTextTransformLabel<designType><colorScheme>",
		"cp": "text-transform",
		"sel": ".comp.compTextBox<designType><colorScheme> ._label",
		"np": true
	},
	{
		"gn": "Icon",
		"dn": "Icon Font Size",
		"n": "textBoxFontSizeIcon<designType><colorScheme>",
		"cp": "font-size",
		"sel": ".comp.compTextBox<designType><colorScheme> ._leftIcon, .comp.compTextBox<designType><colorScheme> ._rightIcon",
		"np": true
	},
	{
		"gn": "Shortcut Hint",
		"dn": "Shortcut Hint Background",
		"de": "Background of the key chip shown while its modifier is held",
		"n": "textBoxShortcutHintBackground<designType><colorScheme>",
		"cp": "background",
		"sel": ".comp.compTextBox<designType><colorScheme> ._shortcutHint",
		"dv": "<backgroundColorNine>",
		"np": true
	},
	{
		"gn": "Shortcut Hint",
		"dn": "Shortcut Hint Text Color",
		"n": "textBoxShortcutHintColor<designType><colorScheme>",
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> ._shortcutHint",
		"dv": "<fontColorOne>",
		"np": true
	},
	{
		"gn": "Shortcut Hint",
		"dn": "Shortcut Hint Font Size",
		"n": "textBoxShortcutHintFontSize<designType><colorScheme>",
		"cp": "font-size",
		"sel": ".comp.compTextBox<designType><colorScheme> ._shortcutHint",
		"dv": "11px",
		"np": true
	},
	{
		"gn": "Shortcut Hint",
		"dn": "Shortcut Hint Padding",
		"n": "textBoxShortcutHintPadding<designType><colorScheme>",
		"cp": "padding",
		"sel": ".comp.compTextBox<designType><colorScheme> ._shortcutHint",
		"spv": {
			"_default-": "2px 5px",
			"_outlined-": "2px 5px",
			"_filled-": "2px 5px",
			"_bigDesign1-": "4px 7px",
			"_editOnReq-": "2px 5px"
		},
		"np": true
	},
	{
		"gn": "Shortcut Hint",
		"dn": "Shortcut Hint Border Radius",
		"n": "textBoxShortcutHintBorderRadius<designType><colorScheme>",
		"cp": "border-radius",
		"sel": ".comp.compTextBox<designType><colorScheme> ._shortcutHint",
		"dv": "4px",
		"np": true
	},
	{
		"gn": "Shortcut Hint",
		"dn": "Shortcut Hint Margin",
		"n": "textBoxShortcutHintMargin<designType><colorScheme>",
		"cp": "margin",
		"sel": ".comp.compTextBox<designType><colorScheme> ._shortcutHint",
		"dv": "0px 4px",
		"np": true
	},
	{
		"cp": "color",
		"sel": ".comp.compTextBox<designType><colorScheme> input, .comp.compTextBox<designType><colorScheme> textarea, .comp.compTextBox<designType><colorScheme> select",
		"np": true,
		"gn": "Color",
		"dn": "Input Value Color",
		"de": "The value inside the control. Separate from every other colour here because form controls do not inherit `color` from their container -- without this they fall back to the UA black, which is invisible on a dark theme.",
		"n": "textBoxInputColor<designType><colorScheme>",
		"dv": "<fontColorOne>"
	}
]