@royaloperahouse/chord 2.7.0-b-development → 2.7.0-c-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chord.cjs.development.js +19 -3
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +19 -3
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts +2 -2
- package/dist/helpers/theme.d.ts +2 -0
- package/dist/types/signUpForm.d.ts +2 -6
- package/package.json +1 -1
package/dist/chord.esm.js
CHANGED
|
@@ -11252,7 +11252,7 @@ var Table = function Table(_ref) {
|
|
|
11252
11252
|
};
|
|
11253
11253
|
|
|
11254
11254
|
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8;
|
|
11255
|
-
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n
|
|
11255
|
+
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11256
11256
|
var theme = _ref.theme;
|
|
11257
11257
|
return "var(--base-color-" + theme + ")";
|
|
11258
11258
|
}, function (_ref2) {
|
|
@@ -11285,6 +11285,22 @@ var formValidationMessages = {
|
|
|
11285
11285
|
}
|
|
11286
11286
|
};
|
|
11287
11287
|
|
|
11288
|
+
var themeToColor = function themeToColor(theme) {
|
|
11289
|
+
switch (theme) {
|
|
11290
|
+
case ThemeType.Core:
|
|
11291
|
+
return Colors.Core;
|
|
11292
|
+
|
|
11293
|
+
case ThemeType.Stream:
|
|
11294
|
+
return Colors.Stream;
|
|
11295
|
+
|
|
11296
|
+
case ThemeType.Cinema:
|
|
11297
|
+
return Colors.Cinema;
|
|
11298
|
+
|
|
11299
|
+
default:
|
|
11300
|
+
return Colors.Core;
|
|
11301
|
+
}
|
|
11302
|
+
};
|
|
11303
|
+
|
|
11288
11304
|
var SignUpForm = function SignUpForm(_ref) {
|
|
11289
11305
|
var initialState = _ref.initialState,
|
|
11290
11306
|
submittedState = _ref.submittedState,
|
|
@@ -11404,7 +11420,7 @@ var SignUpForm = function SignUpForm(_ref) {
|
|
|
11404
11420
|
}();
|
|
11405
11421
|
|
|
11406
11422
|
return /*#__PURE__*/React__default.createElement(Wrapper$8, {
|
|
11407
|
-
theme:
|
|
11423
|
+
theme: themeToColor(theme)
|
|
11408
11424
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11409
11425
|
columnStartDesktop: 3,
|
|
11410
11426
|
columnSpanDesktop: 10,
|
|
@@ -11469,7 +11485,7 @@ var SignUpForm = function SignUpForm(_ref) {
|
|
|
11469
11485
|
}, errors.serverError))), /*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
|
|
11470
11486
|
type: "submit"
|
|
11471
11487
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
11472
|
-
bgColor:
|
|
11488
|
+
bgColor: themeToColor(theme)
|
|
11473
11489
|
}, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
11474
11490
|
href: ctaPrivacy.link
|
|
11475
11491
|
}, /*#__PURE__*/React__default.createElement(BodyText, {
|