@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
|
@@ -11247,7 +11247,7 @@ var Table = function Table(_ref) {
|
|
|
11247
11247
|
};
|
|
11248
11248
|
|
|
11249
11249
|
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8;
|
|
11250
|
-
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n
|
|
11250
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11251
11251
|
var theme = _ref.theme;
|
|
11252
11252
|
return "var(--base-color-" + theme + ")";
|
|
11253
11253
|
}, function (_ref2) {
|
|
@@ -11280,6 +11280,22 @@ var formValidationMessages = {
|
|
|
11280
11280
|
}
|
|
11281
11281
|
};
|
|
11282
11282
|
|
|
11283
|
+
var themeToColor = function themeToColor(theme) {
|
|
11284
|
+
switch (theme) {
|
|
11285
|
+
case exports.ThemeType.Core:
|
|
11286
|
+
return exports.Colors.Core;
|
|
11287
|
+
|
|
11288
|
+
case exports.ThemeType.Stream:
|
|
11289
|
+
return exports.Colors.Stream;
|
|
11290
|
+
|
|
11291
|
+
case exports.ThemeType.Cinema:
|
|
11292
|
+
return exports.Colors.Cinema;
|
|
11293
|
+
|
|
11294
|
+
default:
|
|
11295
|
+
return exports.Colors.Core;
|
|
11296
|
+
}
|
|
11297
|
+
};
|
|
11298
|
+
|
|
11283
11299
|
var SignUpForm = function SignUpForm(_ref) {
|
|
11284
11300
|
var initialState = _ref.initialState,
|
|
11285
11301
|
submittedState = _ref.submittedState,
|
|
@@ -11399,7 +11415,7 @@ var SignUpForm = function SignUpForm(_ref) {
|
|
|
11399
11415
|
}();
|
|
11400
11416
|
|
|
11401
11417
|
return /*#__PURE__*/React__default.createElement(Wrapper$8, {
|
|
11402
|
-
theme:
|
|
11418
|
+
theme: themeToColor(theme)
|
|
11403
11419
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11404
11420
|
columnStartDesktop: 3,
|
|
11405
11421
|
columnSpanDesktop: 10,
|
|
@@ -11464,7 +11480,7 @@ var SignUpForm = function SignUpForm(_ref) {
|
|
|
11464
11480
|
}, errors.serverError))), /*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
|
|
11465
11481
|
type: "submit"
|
|
11466
11482
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
11467
|
-
bgColor:
|
|
11483
|
+
bgColor: themeToColor(theme)
|
|
11468
11484
|
}, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
11469
11485
|
href: ctaPrivacy.link
|
|
11470
11486
|
}, /*#__PURE__*/React__default.createElement(BodyText, {
|