@comicrelief/component-library 8.36.0 → 8.37.0

package/dist/components/Organisms/Donate/Form/Form.js

@@ -224,6 +224,9 @@ const Signup = _ref => {
     type: "submit",
     color: submitButtonColor,
     ref: buttonRef
+    // Used by analytics:
+    ,
+    className: "Button_DonateWidget"
   }, renderButtonText()))));
 };
 var _default = exports.default = Signup;

package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap

@@ -676,7 +676,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
             will help us fund amazing projects in the UK and around the world.
           </p>
           <button
-            className="c26"
+            className="c26 Button_DonateWidget"
             color="red"
             type="submit"
           >
@@ -1341,7 +1341,7 @@ exports[`Monthly donation renders correctly 1`] = `
             </strong>
           </p>
           <button
-            className="c27"
+            className="c27 Button_DonateWidget"
             color="red"
             type="submit"
           >
@@ -2098,7 +2098,7 @@ exports[`Single donation renders correctly 1`] = `
             a support worker to visit 10 isolated young mums with postnatal depression in the UK.
           </p>
           <button
-            className="c25"
+            className="c25 Button_DonateWidget"
             color="red"
             type="submit"
           >
@@ -2593,7 +2593,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
             </strong>
           </p>
           <button
-            className="c20"
+            className="c20 Button_DonateWidget"
             color="red"
             type="submit"
           >

package/dist/components/Organisms/ImpactSlider/ImpactSlider.js

@@ -63,6 +63,9 @@ const ImpactSlider = _ref => {
     type: "submit",
     onClick: handleSubmit,
     disabled: currentAmount === 0
+    // Used by analytics:
+    ,
+    className: "Button_DonateSlider"
   }, "Donate \xA3", currentAmount, ' ', "now")));
 };
 var _default = exports.default = ImpactSlider;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "8.36.0",
+  "version": "8.37.0",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {

package/src/components/Organisms/Donate/Form/Form.js

@@ -318,6 +318,8 @@ const Signup = ({
             type="submit"
             color={submitButtonColor}
             ref={buttonRef}
+            // Used by analytics:
+            className="Button_DonateWidget"
           >
             {renderButtonText()}
           </Button>

package/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap

@@ -676,7 +676,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
             will help us fund amazing projects in the UK and around the world.
           </p>
           <button
-            className="c26"
+            className="c26 Button_DonateWidget"
             color="red"
             type="submit"
           >
@@ -1341,7 +1341,7 @@ exports[`Monthly donation renders correctly 1`] = `
             </strong>
           </p>
           <button
-            className="c27"
+            className="c27 Button_DonateWidget"
             color="red"
             type="submit"
           >
@@ -2098,7 +2098,7 @@ exports[`Single donation renders correctly 1`] = `
             a support worker to visit 10 isolated young mums with postnatal depression in the UK.
           </p>
           <button
-            className="c25"
+            className="c25 Button_DonateWidget"
             color="red"
             type="submit"
           >
@@ -2593,7 +2593,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
             </strong>
           </p>
           <button
-            className="c20"
+            className="c20 Button_DonateWidget"
             color="red"
             type="submit"
           >

package/src/components/Organisms/ImpactSlider/ImpactSlider.js

@@ -54,7 +54,13 @@ const ImpactSlider = ({
           currentAmount={currentAmount}
           opacityAnimation={opacityAnimation}
         />
-        <SubmitButton type="submit" onClick={handleSubmit} disabled={currentAmount === 0}>
+        <SubmitButton
+          type="submit"
+          onClick={handleSubmit}
+          disabled={currentAmount === 0}
+          // Used by analytics:
+          className="Button_DonateSlider"
+        >
           Donate £
           {currentAmount}
           {' '}