@royaloperahouse/chord 2.2.3-f-chord-development → 2.2.3-h-chord-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.
@@ -3424,12 +3424,12 @@ var Input = /*#__PURE__*/styled__default.input(_templateObject3$6 || (_templateO
3424
3424
  return "3px solid var(--base-color-lapislazuli)";
3425
3425
  });
3426
3426
  var ShowHideButton = /*#__PURE__*/styled__default.button(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 53px;\n top: 50%;\n margin-top: calc(var(--line-height-overline-1) / 2 * -1);\n right: 20px;\n border: none;\n background: none;\n padding: 0;\n display: block;\n text-align: left;\n cursor: pointer;\n white-space: nowrap;\n"])));
3427
- var TextLabel = /*#__PURE__*/styled__default.p(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
3427
+ var TextLabel = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n color: ", ";\n"])), function (_ref5) {
3428
3428
  var darkMode = _ref5.darkMode;
3429
3429
  if (darkMode) return "var(--base-color-white)";
3430
3430
  return "var(--base-color-black)";
3431
3431
  });
3432
- var ErrorLabel = /*#__PURE__*/styled__default.p(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
3432
+ var ErrorLabel = /*#__PURE__*/styled__default.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref6) {
3433
3433
  var darkMode = _ref6.darkMode;
3434
3434
  if (darkMode) return "var(--base-color-white)";
3435
3435
  return "var(--base-color-errorstate)";
@@ -8572,10 +8572,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
8572
8572
 
8573
8573
  var _templateObject$1a, _templateObject2$R, _templateObject3$I, _templateObject4$z;
8574
8574
  var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
8575
- var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
8575
+ var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
8576
8576
  var mobileOpen = _ref.mobileOpen;
8577
8577
  return mobileOpen ? "block" : 'none';
8578
- }, exports.Colors.DarkGrey);
8578
+ }, exports.Colors.White, exports.Colors.DarkGrey);
8579
8579
  var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n\n"])), exports.Colors.Black, function (_ref2) {
8580
8580
  var active = _ref2.active;
8581
8581
  return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';