@royaloperahouse/harmonic 0.2.3-m → 0.2.3-o

package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts

@@ -9,7 +9,7 @@ export declare const Form: import("styled-components").StyledComponent<"form", a
 export declare const FormFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ServerError: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CTALinkWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FieldsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DropdownAreaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/molecules/SignUpForm/components/SignUpFormButton.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ThemeType } from '../../../../types/types';
 declare type Props = {
     theme: ThemeType;
+    onClick: (e: React.FormEvent) => Promise<void>;
 };
 declare const SignUpFormButton: React.FC<Props>;
 export default SignUpFormButton;

package/dist/harmonic.cjs.development.css

@@ -80,14 +80,8 @@
 }
 
 .typography-module_subtitle--large__1Ep9J {
-  font-size: 24px;
-  line-height: 32px;
-  letter-spacing: -0.5px;
-}
-
-.typography-module_subtitle--medium__8FxeU {
-  font-size: 20px;
-  line-height: 28px;
+  font-size: 19px;
+  line-height: 26px;
   letter-spacing: -0.5px;
 }
 
@@ -99,7 +93,7 @@
 
 .typography-module_bodycopy--large__BNzf2 {
   font-size: 19px;
-  line-height: 28px;
+  line-height: 26px;
   letter-spacing: -0.5px;
 }
 
@@ -110,27 +104,21 @@
 }
 
 .typography-module_bodycopy--small__fTLSM {
-  font-size: 15px;
+  font-size: 14px;
   line-height: 20px;
-  letter-spacing: -0.25px;
+  letter-spacing: -0.5px;
 }
 
 .typography-module_overline--large__79WUM {
-  font-size: 17px;
-  line-height: 24px;
-  letter-spacing: 1.7px;
-}
-
-.typography-module_overline--medium__Y5z3w {
-  font-size: 15px;
-  line-height: 20px;
-  letter-spacing: 1.5px;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: 0.3px;
 }
 
 .typography-module_overline--small__MGEG6 {
-  font-size: 13px;
-  line-height: 16px;
-  letter-spacing: 1.3px;
+  font-size: 12px;
+  line-height: 14px;
+  letter-spacing: 0.2px;
 }
 
 /* Button, Caption, Navigation text */
@@ -211,7 +199,7 @@
 
 .typography-module_display--inherit__ZNOHM,
 .typography-module_header--inherit__qmHQE,
-.typography-module_subtitle--inherit__mly-X, 
+.typography-module_subtitle--inherit__mly-X,
 .typography-module_bodycopy--inherit__CoC-f,
 .typography-module_overline--inherit__Cq4ni,
 .typography-module_buttontext--inherit__vguWx,
@@ -274,18 +262,43 @@
   }
 
   .typography-module_subtitle--large__1Ep9J {
-    font-size: 20px;
-    line-height: 28px;
-  }
-  
-  .typography-module_subtitle--medium__8FxeU {
     font-size: 17px;
     line-height: 24px;
+    letter-spacing: -0.5px;
   }
-  
+
+  .typography-module_subtitle--small__Vt9bZ {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.2px;
+  }
+
   .typography-module_bodycopy--large__BNzf2 {
     font-size: 17px;
     line-height: 24px;
+    letter-spacing: -0.5px;
+  }
+
+  .typography-module_bodycopy--medium__cwJEu {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.2px;
+  }
+
+  .typography-module_bodycopy--small__fTLSM {
+    font-size: 11px;
+    line-height: 16px;
+    letter-spacing: -0.2px;
+  }
+
+  .typography-module_overline--large__79WUM {
+    line-height: 17px;
+    letter-spacing: 0.3px;
+  }
+
+  .typography-module_overline--small__MGEG6 {
+    line-height: 14px;
+    letter-spacing: 0.3px;
   }
 }
 @font-face {

package/dist/harmonic.cjs.development.js

@@ -396,7 +396,7 @@ var createClassNames = function createClassNames(baseClass, options, styles) {
   return classes.filter(Boolean).join(' ');
 };
 
-var styles = {"display":"typography-module_display__ZHsz9","header":"typography-module_header__FVsLI","subtitle":"typography-module_subtitle__x3sSn","bodycopy":"typography-module_bodycopy__-BY2U","overline":"typography-module_overline__y1yCC","buttontext":"typography-module_buttontext__Gp0W-","captiontext":"typography-module_captiontext__zyA--","navigationtext":"typography-module_navigationtext__Qj6Zw","display--large":"typography-module_display--large__RwPQD","display--small":"typography-module_display--small__XWUSJ","header--large":"typography-module_header--large__2vP3p","header--medium":"typography-module_header--medium__OgzlB","header--small":"typography-module_header--small__zLuFf","subtitle--large":"typography-module_subtitle--large__1Ep9J","subtitle--medium":"typography-module_subtitle--medium__8FxeU","subtitle--small":"typography-module_subtitle--small__Vt9bZ","bodycopy--large":"typography-module_bodycopy--large__BNzf2","bodycopy--medium":"typography-module_bodycopy--medium__cwJEu","bodycopy--small":"typography-module_bodycopy--small__fTLSM","overline--large":"typography-module_overline--large__79WUM","overline--medium":"typography-module_overline--medium__Y5z3w","overline--small":"typography-module_overline--small__MGEG6","display--primary":"typography-module_display--primary__9sTwU","header--primary":"typography-module_header--primary__KF0PJ","subtitle--primary":"typography-module_subtitle--primary__yL-hS","bodycopy--primary":"typography-module_bodycopy--primary__5Uo2D","overline--primary":"typography-module_overline--primary__a2NSa","buttontext--primary":"typography-module_buttontext--primary__HnmE3","captiontext--primary":"typography-module_captiontext--primary__mmafI","navigationtext--primary":"typography-module_navigationtext--primary__vIsUl","display--black":"typography-module_display--black__8hmsx","header--black":"typography-module_header--black__M3I14","subtitle--black":"typography-module_subtitle--black__IQRSo","bodycopy--black":"typography-module_bodycopy--black__J8BNP","overline--black":"typography-module_overline--black__RUDoj","buttontext--black":"typography-module_buttontext--black__irjmz","captiontext--black":"typography-module_captiontext--black__7axhP","navigationtext--black":"typography-module_navigationtext--black__wDz-G","display--white":"typography-module_display--white__3QA6W","header--white":"typography-module_header--white__mm-ex","subtitle--white":"typography-module_subtitle--white__VzQ3K","bodycopy--white":"typography-module_bodycopy--white__NJ8J8","overline--white":"typography-module_overline--white__cV5QV","buttontext--white":"typography-module_buttontext--white__rrr8U","captiontext--white":"typography-module_captiontext--white__OMFwW","navigationtext--white":"typography-module_navigationtext--white__5YDdY","display--red":"typography-module_display--red__khdLJ","header--red":"typography-module_header--red__hxuj9","subtitle--red":"typography-module_subtitle--red__gSK7d","bodycopy--red":"typography-module_bodycopy--red__P5Mau","overline--red":"typography-module_overline--red__OW5dE","buttontext--red":"typography-module_buttontext--red__mlRi2","captiontext--red":"typography-module_captiontext--red__jMQIK","navigationtext--red":"typography-module_navigationtext--red__-QADV","display--grey":"typography-module_display--grey__RsgTf","header--grey":"typography-module_header--grey__rC0vN","subtitle--grey":"typography-module_subtitle--grey__1nkEx","bodycopy--grey":"typography-module_bodycopy--grey__SNnaU","overline--grey":"typography-module_overline--grey__lGOsK","buttontext--grey":"typography-module_buttontext--grey__1Y4oX","captiontext--grey":"typography-module_captiontext--grey__V0MLc","navigationtext--grey":"typography-module_navigationtext--grey__xi3sz","display--inherit":"typography-module_display--inherit__ZNOHM","header--inherit":"typography-module_header--inherit__qmHQE","subtitle--inherit":"typography-module_subtitle--inherit__mly-X","bodycopy--inherit":"typography-module_bodycopy--inherit__CoC-f","overline--inherit":"typography-module_overline--inherit__Cq4ni","buttontext--inherit":"typography-module_buttontext--inherit__vguWx","captiontext--inherit":"typography-module_captiontext--inherit__ya6gm","navigationtext--inherit":"typography-module_navigationtext--inherit__cJLWf","display--serif":"typography-module_display--serif__C0-Ve","header--serif":"typography-module_header--serif__uTGCc","display--em":"typography-module_display--em__h2bPV","header--em":"typography-module_header--em__UFQIA","display--bold":"typography-module_display--bold__PG-8g","header--bold":"typography-module_header--bold__InvJk","subtitle--bold":"typography-module_subtitle--bold__Subov","bodycopy--bold":"typography-module_bodycopy--bold__nZX3C","overline--bold":"typography-module_overline--bold__3mUXy","buttontext--bold":"typography-module_buttontext--bold__rBKIJ","captiontext--bold":"typography-module_captiontext--bold__ebTyV","navigationtext--bold":"typography-module_navigationtext--bold__SRlV2"};
+var styles = {"display":"typography-module_display__ZHsz9","header":"typography-module_header__FVsLI","subtitle":"typography-module_subtitle__x3sSn","bodycopy":"typography-module_bodycopy__-BY2U","overline":"typography-module_overline__y1yCC","buttontext":"typography-module_buttontext__Gp0W-","captiontext":"typography-module_captiontext__zyA--","navigationtext":"typography-module_navigationtext__Qj6Zw","display--large":"typography-module_display--large__RwPQD","display--small":"typography-module_display--small__XWUSJ","header--large":"typography-module_header--large__2vP3p","header--medium":"typography-module_header--medium__OgzlB","header--small":"typography-module_header--small__zLuFf","subtitle--large":"typography-module_subtitle--large__1Ep9J","subtitle--small":"typography-module_subtitle--small__Vt9bZ","bodycopy--large":"typography-module_bodycopy--large__BNzf2","bodycopy--medium":"typography-module_bodycopy--medium__cwJEu","bodycopy--small":"typography-module_bodycopy--small__fTLSM","overline--large":"typography-module_overline--large__79WUM","overline--small":"typography-module_overline--small__MGEG6","display--primary":"typography-module_display--primary__9sTwU","header--primary":"typography-module_header--primary__KF0PJ","subtitle--primary":"typography-module_subtitle--primary__yL-hS","bodycopy--primary":"typography-module_bodycopy--primary__5Uo2D","overline--primary":"typography-module_overline--primary__a2NSa","buttontext--primary":"typography-module_buttontext--primary__HnmE3","captiontext--primary":"typography-module_captiontext--primary__mmafI","navigationtext--primary":"typography-module_navigationtext--primary__vIsUl","display--black":"typography-module_display--black__8hmsx","header--black":"typography-module_header--black__M3I14","subtitle--black":"typography-module_subtitle--black__IQRSo","bodycopy--black":"typography-module_bodycopy--black__J8BNP","overline--black":"typography-module_overline--black__RUDoj","buttontext--black":"typography-module_buttontext--black__irjmz","captiontext--black":"typography-module_captiontext--black__7axhP","navigationtext--black":"typography-module_navigationtext--black__wDz-G","display--white":"typography-module_display--white__3QA6W","header--white":"typography-module_header--white__mm-ex","subtitle--white":"typography-module_subtitle--white__VzQ3K","bodycopy--white":"typography-module_bodycopy--white__NJ8J8","overline--white":"typography-module_overline--white__cV5QV","buttontext--white":"typography-module_buttontext--white__rrr8U","captiontext--white":"typography-module_captiontext--white__OMFwW","navigationtext--white":"typography-module_navigationtext--white__5YDdY","display--red":"typography-module_display--red__khdLJ","header--red":"typography-module_header--red__hxuj9","subtitle--red":"typography-module_subtitle--red__gSK7d","bodycopy--red":"typography-module_bodycopy--red__P5Mau","overline--red":"typography-module_overline--red__OW5dE","buttontext--red":"typography-module_buttontext--red__mlRi2","captiontext--red":"typography-module_captiontext--red__jMQIK","navigationtext--red":"typography-module_navigationtext--red__-QADV","display--grey":"typography-module_display--grey__RsgTf","header--grey":"typography-module_header--grey__rC0vN","subtitle--grey":"typography-module_subtitle--grey__1nkEx","bodycopy--grey":"typography-module_bodycopy--grey__SNnaU","overline--grey":"typography-module_overline--grey__lGOsK","buttontext--grey":"typography-module_buttontext--grey__1Y4oX","captiontext--grey":"typography-module_captiontext--grey__V0MLc","navigationtext--grey":"typography-module_navigationtext--grey__xi3sz","display--inherit":"typography-module_display--inherit__ZNOHM","header--inherit":"typography-module_header--inherit__qmHQE","subtitle--inherit":"typography-module_subtitle--inherit__mly-X","bodycopy--inherit":"typography-module_bodycopy--inherit__CoC-f","overline--inherit":"typography-module_overline--inherit__Cq4ni","buttontext--inherit":"typography-module_buttontext--inherit__vguWx","captiontext--inherit":"typography-module_captiontext--inherit__ya6gm","navigationtext--inherit":"typography-module_navigationtext--inherit__cJLWf","display--serif":"typography-module_display--serif__C0-Ve","header--serif":"typography-module_header--serif__uTGCc","display--em":"typography-module_display--em__h2bPV","header--em":"typography-module_header--em__UFQIA","display--bold":"typography-module_display--bold__PG-8g","header--bold":"typography-module_header--bold__InvJk","subtitle--bold":"typography-module_subtitle--bold__Subov","bodycopy--bold":"typography-module_bodycopy--bold__nZX3C","overline--bold":"typography-module_overline--bold__3mUXy","buttontext--bold":"typography-module_buttontext--bold__rBKIJ","captiontext--bold":"typography-module_captiontext--bold__ebTyV","navigationtext--bold":"typography-module_navigationtext--bold__SRlV2"};
 
 var _excluded = ["children", "size", "color", "className"],
   _excluded2 = ["children", "size", "color", "className"];
@@ -11895,7 +11895,7 @@ var Form = /*#__PURE__*/styled__default.form(_templateObject5$A || (_templateObj
 var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n  display: flex;\n  gap: 28px;\n  align-items: center;\n\n  @media ", " {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])), devices.mobile);
 var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-align: left;\n  color: var(--color-base-errorstate);\n"])));
 var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n\n  @media ", " {\n    text-decoration: underline;\n  }\n"])), devices.mobile);
-var ButtonWrapper$3 = /*#__PURE__*/styled__default.button(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  all: unset;\n  width: fit-content;\n\n  @media ", " {\n    width: 100%;\n  }\n"])), devices.mobile);
+var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  all: unset;\n  width: fit-content;\n\n  @media ", " {\n    width: 100%;\n  }\n"])), devices.mobile);
 var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$a || (_templateObject10$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 36px;\n\n  @media ", " {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n"])), devices.mobile);
 var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$6 || (_templateObject11$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  div > p {\n    margin: 0;\n  }\n"])));
 var DropdownAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject12$4 || (_templateObject12$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1 / -1;\n  display: grid;\n  grid-template-columns: var(--grid-template-columns);\n  gap: var(--grid-column-gap);\n  cursor: pointer;\n"])));
@@ -12002,16 +12002,28 @@ var getFormErrorMessage = function getFormErrorMessage(field, value) {
 
 var BUTTON_TEXT = 'Sign up';
 var SignUpFormButton = function SignUpFormButton(_ref) {
-  var theme = _ref.theme;
+  var theme = _ref.theme,
+    onClick = _ref.onClick;
+  var onKeyDownHandler = function onKeyDownHandler(e) {
+    if (e.key === 'Enter') {
+      onClick(e);
+    }
+  };
+  var buttonProps = {
+    tabIndex: 0,
+    ariaLabel: BUTTON_TEXT,
+    onClick: onClick,
+    onKeyDown: onKeyDownHandler
+  };
   if (theme === exports.ThemeType.Core) {
-    return /*#__PURE__*/React__default.createElement(PrimaryButton, null, BUTTON_TEXT);
+    return /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, buttonProps), BUTTON_TEXT);
   }
-  return /*#__PURE__*/React__default.createElement(PrimaryButton, {
+  return /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, buttonProps, {
     textColor: ThemeColor['base-white'],
     backgroundColor: ThemeColor['base-black'],
     hoveredColor: ThemeColor['black-hovered'],
     pressedColor: ThemeColor['black-pressed']
-  }, BUTTON_TEXT);
+  }), BUTTON_TEXT);
 };
 
 var SignUpForm = function SignUpForm(_ref) {
@@ -12133,7 +12145,6 @@ var SignUpForm = function SignUpForm(_ref) {
     onBlur: handleBlur('firstName'),
     "aria-required": "true",
     "aria-invalid": !!errors.firstName,
-    "aria-describedby": errors.firstName ? 'firstName-error' : undefined,
     autoComplete: "given-name"
   }), /*#__PURE__*/React__default.createElement(TextField, {
     label: "Last name",
@@ -12146,7 +12157,6 @@ var SignUpForm = function SignUpForm(_ref) {
     onBlur: handleBlur('lastName'),
     "aria-required": "true",
     "aria-invalid": !!errors.lastName,
-    "aria-describedby": errors.lastName ? 'lastName-error' : undefined,
     autoComplete: "family-name"
   }), /*#__PURE__*/React__default.createElement(TextField, {
     label: "Email",
@@ -12158,7 +12168,6 @@ var SignUpForm = function SignUpForm(_ref) {
     onBlur: handleBlur('email'),
     "aria-required": "true",
     "aria-invalid": !!errors.email,
-    "aria-describedby": errors.email ? 'email-error' : undefined,
     maxLength: 80
   }))), isLoggedIn && !!errors.serverError && (/*#__PURE__*/React__default.createElement(GridItem, {
     columnStartDesktop: 2,
@@ -12172,13 +12181,11 @@ var SignUpForm = function SignUpForm(_ref) {
     href: ctaPrivacy.link
   }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
     size: "small"
-  }, ctaPrivacy.text)), /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
-    type: "submit"
-  }, /*#__PURE__*/React__default.createElement(SignUpFormButton, {
+  }, ctaPrivacy.text)), /*#__PURE__*/React__default.createElement(ButtonWrapper$3, null, /*#__PURE__*/React__default.createElement(SignUpFormButton, {
+    onClick: handleFormSubmit,
     theme: theme
-  })))) : (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
-    type: "submit"
-  }, /*#__PURE__*/React__default.createElement(SignUpFormButton, {
+  })))) : (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(ButtonWrapper$3, null, /*#__PURE__*/React__default.createElement(SignUpFormButton, {
+    onClick: handleFormSubmit,
     theme: theme
   })), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
     href: ctaPrivacy.link