@financial-times/n-conversion-forms 40.0.0 → 40.0.2

package/.toolkitstate/ci.json

@@ -1,7 +1,7 @@
 {
   "branch": "",
   "repo": "n-conversion-forms",
-  "version": "a76e5c3b384d8042f6e9da316addc1a799d74df9",
-  "tag": "v40.0.0",
-  "buildNumber": "14974"
+  "version": "851ad665946f79ea01a1d6152a42c7a2debb3ceb",
+  "tag": "v40.0.2",
+  "buildNumber": "15060"
 }

package/components/__snapshots__/debug.spec.js.snap

@@ -180,7 +180,7 @@ exports[`Debug renders with showHelpers 1`] = `
     >
       Fill & Submit
     </button>
-    <select class="ncf__button ncf__button--debug ncf__button--inverse ncf__button--max-with"
+    <select class="ncf__button ncf__button--debug ncf__button--inverse ncf__button--max-width"
             id="ncf-country"
             onchange="reloadWithSelectedCountry();"
     >

package/components/debug.jsx

@@ -57,7 +57,7 @@ export function Debug({
 		''
 	);
 	const countriesDropDown = `
-		<select class="ncf__button ncf__button--debug ncf__button--inverse ncf__button--max-with" id="ncf-country" onchange="reloadWithSelectedCountry();">
+		<select class="ncf__button ncf__button--debug ncf__button--inverse ncf__button--max-width" id="ncf-country" onchange="reloadWithSelectedCountry();">
 			<option value="">Change country</option>
 			<hr />
 			${optionsToRender}

package/dist/debug.jsx

@@ -46,7 +46,7 @@ function Debug(_ref) {
   var optionsToRender = filteredCountries.reduce(function (options, country) {
     return "".concat(options, " ").concat(country.label ? createOptGroup(country) : createOption(country));
   }, '');
-  var countriesDropDown = "\n\t\t<select class=\"ncf__button ncf__button--debug ncf__button--inverse ncf__button--max-with\" id=\"ncf-country\" onchange=\"reloadWithSelectedCountry();\">\n\t\t\t<option value=\"\">Change country</option>\n\t\t\t<hr />\n\t\t\t".concat(optionsToRender, "\n\t\t</select>\n\t");
+  var countriesDropDown = "\n\t\t<select class=\"ncf__button ncf__button--debug ncf__button--inverse ncf__button--max-width\" id=\"ncf-country\" onchange=\"reloadWithSelectedCountry();\">\n\t\t\t<option value=\"\">Change country</option>\n\t\t\t<hr />\n\t\t\t".concat(optionsToRender, "\n\t\t</select>\n\t");
   var helpers = "\n\t\t<span class=\"ncf__debug-helpers\">\n\t\t\t<button class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"logout();\" title=\"Logout and refresh\">Logout</button>\n\t\t\t<button class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"fillForm();\" title=\"Fill form with debug data\">Fill</button>\n\t\t\t<button class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"fillForm(); submitForm();\" title=\"Fill form with debug data and submit\">Fill &amp; Submit</button>\n\t\t\t".concat(countriesDropDown, "\n\t\t\t").concat(isTest ? testCards : '', "\n\t\t\t").concat(links.length ? linksString : '', "\n\t\t</span>\n\t");
   var html = {
     __html: "".concat(isTest ? testEnvironment : productionEnvironment).concat(showHelpers ? helpers : '')

package/main.scss

@@ -309,9 +309,16 @@
 			margin: 20px 0;
 		}
 
-		&--max-with {
+		&--max-width {
 			max-width: 120px;
 		}
+
+		&--debug {
+			option,
+			optgroup {
+				background-color: #262a33;
+			}
+		}
 	}
 
 	&__center {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-conversion-forms",
-  "version": "40.0.0",
+  "version": "40.0.2",
   "description": "Containing jsx components and styles for forms included on Accounts and Acquisition apps (next-signup, next-profile, next-retention, etc).",
   "main": "./dist/index.js",
   "scripts": {