@crystaldesign/diva-core 25.13.0-beta.9 → 25.14.0-beta.1

package/build/esm/{ModalsWrapper-76e16365.js → ModalsWrapper-95c170db.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useDivaCoreContext } from './index-129ecd6f.js';
+import { s as styleInject, u as useDivaCoreContext } from './index-f7beb728.js';
 import { useState, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@mui/material/Button';
@@ -52,7 +52,7 @@ import '@storybook/addon-actions';
 import '@mui/styles';
 
 var overlay = "overlay-hhcfc";
-var css_248z$1 = ".overlay-hhcfc {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 1101;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n";
+var css_248z$1 = ".overlay-hhcfc {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 14500;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n";
 styleInject(css_248z$1);
 
 var wrapper = "wrapper-myuaV";

package/build/esm/{index-39f76a89.js → index-0fc0dc43.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-129ecd6f.js';
+import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-f7beb728.js';
 import { forwardRef, useState, useRef, useEffect, useMemo } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -18,7 +18,6 @@ import Alert from '@mui/material/Alert';
 import { useTranslation as useTranslation$1 } from '@crystaldesign/diva-core';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { Alert as Alert$1, CircularProgress as CircularProgress$1 } from '@mui/material';
-import Checkbox from '@mui/material/Checkbox';
 import Snowfall from 'react-snowfall';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
@@ -66,8 +65,8 @@ var separator = "separator-Hg6fH";
 var input = "input--Dl8e";
 var readonly = "readonly-uw66l";
 var link = "link-s-Rcm";
-var css_248z = ".titlecontainer-LeRMj {\n  text-align: center;\n  color: #474747;\n}\n\n.auth-y9j9- {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255);\n  z-index: 3;\n  overflow: auto;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n\n.login-box-Zu-QM {\n  padding: 20px;\n  width: 400px;\n  margin: 50px auto auto auto;\n  position: relative;\n}\n\n@media (max-height: 450px) {\n  .login-box-Zu-QM {\n    margin: auto;\n  }\n}\n\n.logo-container-Gujpy {\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  margin-bottom: 50px;\n}\n\n.success-7n9-D {\n  width: 100%;\n  padding: 12px;\n  border-radius: 4px;\n  margin: 15px 0;\n  box-sizing: border-box;\n  background-color: rgb(228, 244, 228);\n  color: rgb(17, 97, 73);\n  border: rgb(195, 231, 202) solid 1px;\n  border-left: solid 4px;\n  line-height: 20px;\n  font-size: 16px;\n  position: relative;\n}\n\n.success-7n9-D span {\n  width: 30px;\n  height: 100%;\n  float: left;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(19%2C 170%2C 82)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22   viewBox%3D%220 0 24 24%22 %3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8 15A7 7 0 108 1a7 7 0 000 14zm2.448-10.104a.997.997 0 111.508 1.306l-4.572 5.28a1 1 0 01-1.64-.07l-1.82-2.868a1 1 0 111.69-1.07l1.1 1.734 3.734-4.312z%22 fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  position: absolute;\n}\n\n.success-7n9-D div {\n  text-align: justify;\n  margin-left: 30px;\n}\n\n[dir=\"ltr\"] .error-gJyOw {\n  text-align: left;\n}\n\n[dir=\"rtl\"] .error-gJyOw {\n  text-align: right;\n}\n\n.error-gJyOw {\n  border-left: 4px solid red !important;\n}\n\n.error-gJyOw {\n  border-radius: 4px;\n  padding: 10px;\n  display: flex;\n  align-items: center;\n}\n\n.auth-button-nvUhU {\n  width: 100%;\n  padding: 12px;\n  border-radius: 4px;\n  margin: 15px 0;\n  opacity: 0.85;\n  font-size: 17px;\n  line-height: 22px;\n  cursor: pointer;\n  box-sizing: border-box;\n  background-color: var(--diva-theme-palette-primary-main);\n  text-align: center;\n  color: var(--diva-theme-palette-primary-contrast-text);\n  text-transform: none;\n}\n\n.auth-button-nvUhU:hover {\n  opacity: 1;\n}\n\n.button-disabled-GS-ox {\n  opacity: 0.3;\n  cursor: auto;\n  cursor: initial;\n}\n.button-disabled-GS-ox:hover {\n  opacity: 0.3;\n}\n\n.social-button-p5pUa {\n  justify-content: space-around;\n  text-transform: none;\n}\n\n.social-button-p5pUa div {\n  width: 30px;\n  height: 22px;\n  float: left;\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n}\n\n.google-WhFJU,\n.microsoft-e3GYR {\n  font-size: medium;\n  margin-top: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  background-color: white;\n  color: #333;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-weight: 600;\n  padding: 12px;\n  transition: all 0.3s ease-in-out;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.google-WhFJU:hover,\n.microsoft-e3GYR:hover {\n  background-color: #f8f9fa;\n  border-color: #bbb;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n.google-WhFJU div {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%22-3 0 262 262%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 preserveAspectRatio%3D%22xMidYMid%22%3E%3Cpath d%3D%22M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027%22 fill%3D%22%234285F4%22%2F%3E%3Cpath d%3D%22M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1%22 fill%3D%22%2334A853%22%2F%3E%3Cpath d%3D%22M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782%22 fill%3D%22%23FBBC05%22%2F%3E%3Cpath d%3D%22M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251%22 fill%3D%22%23EB4335%22%2F%3E%3C%2Fsvg%3E\");\n}\n.microsoft-e3GYR div {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22aria-label%3D%22Microsoft%22 role%3D%22img%22viewBox%3D%220 0 512 512%22%3E%3Crectwidth%3D%22512%22 height%3D%22512%22rx%3D%2215%25%22fill%3D%22%23ffffff%22%2F%3E%3Cpathd%3D%22M75 75v171h171v-171z%22 fill%3D%22%23f25022%22%2F%3E%3Cpathd%3D%22M266 75v171h171v-171z%22 fill%3D%22%237fba00%22%2F%3E%3Cpathd%3D%22M75 266v171h171v-171z%22 fill%3D%22%2300a4ef%22%2F%3E%3Cpathd%3D%22M266 266v171h171v-171z%22 fill%3D%22%23ffb900%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.separator-Hg6fH {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  color: rgb(184, 196, 194);\n}\n\n.separator-Hg6fH::before,\n.separator-Hg6fH::after {\n  content: '';\n  flex: 1;\n  border-bottom: 1px solid rgb(184, 196, 194);\n}\n\n.separator-Hg6fH:not(:empty)::before {\n  margin-right: 0.25em;\n}\n\n.separator-Hg6fH:not(:empty)::after {\n  margin-left: 0.25em;\n}\n\n.input--Dl8e {\n  width: 100%;\n  padding: 1em;\n  border: solid 1px rgba(0, 0, 0, 0.1);\n  border-radius: 0.3em;\n  outline: none;\n  margin: 15px 0;\n  box-sizing: border-box;\n}\n\n.input--Dl8e:hover,\n.input--Dl8e:focus,\n.input--Dl8e:active {\n  border: solid 1px var(--diva-theme-palette-primary-main);\n}\n\n.input--Dl8e::-moz-placeholder {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e::placeholder {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e.readonly-uw66l {\n  border: solid 1px rgba(0, 0, 0, 0.1);\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.reset-input-ERpB4 {\n  position: relative;\n}\n\n.reset-input-ERpB4:after {\n  content: '';\n  position: absolute;\n  right: 10px;\n  top: 0;\n  bottom: 0;\n  width: 20px;\n  background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!DOCTYPE svg  PUBLIC '-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN'  'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg  id%3D%22Layer_1%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 version%3D%221.1%22 viewBox%3D%220 0 512 512%22 width%3D%22512px%22 xml%3Aspace%3D%22preserve%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath d%3D%22M256%2C33C132.3%2C33%2C32%2C133.3%2C32%2C257c0%2C123.7%2C100.3%2C224%2C224%2C224c123.7%2C0%2C224-100.3%2C224-224C480%2C133.3%2C379.7%2C33%2C256%2C33z    M364.3%2C332.5c1.5%2C1.5%2C2.3%2C3.5%2C2.3%2C5.6c0%2C2.1-0.8%2C4.2-2.3%2C5.6l-21.6%2C21.7c-1.6%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3L256%2C289.8   l-75.4%2C75.7c-1.5%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3l-21.6-21.7c-1.5-1.5-2.3-3.5-2.3-5.6c0-2.1%2C0.8-4.2%2C2.3-5.6l75.7-76   l-75.9-75c-3.1-3.1-3.1-8.2%2C0-11.3l21.6-21.7c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l75.7%2C74.7l75.7-74.7   c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l21.6%2C21.7c3.1%2C3.1%2C3.1%2C8.2%2C0%2C11.3l-75.9%2C75L364.3%2C332.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;\n  cursor: pointer;\n  opacity: 0.7;\n}\n\n.link-s-Rcm {\n  color: var(--diva-theme-palette-primary-main);\n  cursor: pointer;\n  display: inline-block;\n}\n";
-styleInject(css_248z);
+var css_248z$1 = ".titlecontainer-LeRMj {\n  text-align: center;\n  color: #474747;\n}\n\n.auth-y9j9- {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255);\n  z-index: 3;\n  overflow: auto;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n\n.login-box-Zu-QM {\n  padding: 20px;\n  width: 400px;\n  margin: 50px auto auto auto;\n  position: relative;\n}\n\n@media (max-height: 450px) {\n  .login-box-Zu-QM {\n    margin: auto;\n  }\n}\n\n.logo-container-Gujpy {\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  margin-bottom: 50px;\n}\n\n.success-7n9-D {\n  width: 100%;\n  padding: 12px;\n  border-radius: 4px;\n  margin: 15px 0;\n  box-sizing: border-box;\n  background-color: rgb(228, 244, 228);\n  color: rgb(17, 97, 73);\n  border: rgb(195, 231, 202) solid 1px;\n  border-left: solid 4px;\n  line-height: 20px;\n  font-size: 16px;\n  position: relative;\n}\n\n.success-7n9-D span {\n  width: 30px;\n  height: 100%;\n  float: left;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(19%2C 170%2C 82)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22   viewBox%3D%220 0 24 24%22 %3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8 15A7 7 0 108 1a7 7 0 000 14zm2.448-10.104a.997.997 0 111.508 1.306l-4.572 5.28a1 1 0 01-1.64-.07l-1.82-2.868a1 1 0 111.69-1.07l1.1 1.734 3.734-4.312z%22 fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n  position: absolute;\n}\n\n.success-7n9-D div {\n  text-align: justify;\n  margin-left: 30px;\n}\n\n[dir=\"ltr\"] .error-gJyOw {\n  text-align: left;\n}\n\n[dir=\"rtl\"] .error-gJyOw {\n  text-align: right;\n}\n\n.error-gJyOw {\n  border-left: 4px solid red !important;\n}\n\n.error-gJyOw {\n  border-radius: 4px;\n  padding: 10px;\n  display: flex;\n  align-items: center;\n}\n\n.auth-button-nvUhU {\n  width: 100%;\n  padding: 12px;\n  border-radius: 4px;\n  margin: 15px 0;\n  opacity: 0.85;\n  font-size: 17px;\n  line-height: 22px;\n  cursor: pointer;\n  box-sizing: border-box;\n  background-color: var(--diva-theme-palette-primary-main);\n  text-align: center;\n  color: var(--diva-theme-palette-primary-contrast-text);\n  text-transform: none;\n}\n\n.auth-button-nvUhU:hover {\n  opacity: 1;\n}\n\n.button-disabled-GS-ox {\n  opacity: 0.3;\n  cursor: auto;\n  cursor: initial;\n}\n.button-disabled-GS-ox:hover {\n  opacity: 0.3;\n}\n\n.social-button-p5pUa {\n  justify-content: space-around;\n  text-transform: none;\n}\n\n.social-button-p5pUa div {\n  width: 30px;\n  height: 22px;\n  float: left;\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n}\n\n.google-WhFJU,\n.microsoft-e3GYR {\n  font-size: medium;\n  margin-top: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  background-color: white;\n  color: #333;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-weight: 600;\n  padding: 12px;\n  transition: all 0.3s ease-in-out;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.google-WhFJU:hover,\n.microsoft-e3GYR:hover {\n  background-color: #f8f9fa;\n  border-color: #bbb;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n.google-WhFJU div {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%22-3 0 262 262%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 preserveAspectRatio%3D%22xMidYMid%22%3E%3Cpath d%3D%22M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027%22 fill%3D%22%234285F4%22%2F%3E%3Cpath d%3D%22M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1%22 fill%3D%22%2334A853%22%2F%3E%3Cpath d%3D%22M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782%22 fill%3D%22%23FBBC05%22%2F%3E%3Cpath d%3D%22M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251%22 fill%3D%22%23EB4335%22%2F%3E%3C%2Fsvg%3E\");\n}\n.microsoft-e3GYR div {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22aria-label%3D%22Microsoft%22 role%3D%22img%22viewBox%3D%220 0 512 512%22%3E%3Crectwidth%3D%22512%22 height%3D%22512%22rx%3D%2215%25%22fill%3D%22%23ffffff%22%2F%3E%3Cpathd%3D%22M75 75v171h171v-171z%22 fill%3D%22%23f25022%22%2F%3E%3Cpathd%3D%22M266 75v171h171v-171z%22 fill%3D%22%237fba00%22%2F%3E%3Cpathd%3D%22M75 266v171h171v-171z%22 fill%3D%22%2300a4ef%22%2F%3E%3Cpathd%3D%22M266 266v171h171v-171z%22 fill%3D%22%23ffb900%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.separator-Hg6fH {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  color: rgb(184, 196, 194);\n}\n\n.separator-Hg6fH::before,\n.separator-Hg6fH::after {\n  content: '';\n  flex: 1;\n  border-bottom: 1px solid rgb(184, 196, 194);\n}\n\n.separator-Hg6fH:not(:empty)::before {\n  margin-right: 0.25em;\n}\n\n.separator-Hg6fH:not(:empty)::after {\n  margin-left: 0.25em;\n}\n\n.input--Dl8e {\n  width: 100%;\n  padding: 1em;\n  border: solid 1px rgba(0, 0, 0, 0.1);\n  border-radius: 0.3em;\n  outline: none;\n  margin: 15px 0;\n  box-sizing: border-box;\n}\n\n.input--Dl8e:hover,\n.input--Dl8e:focus,\n.input--Dl8e:active {\n  border: solid 1px var(--diva-theme-palette-primary-main);\n}\n\n.input--Dl8e::-moz-placeholder {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e::placeholder {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e.readonly-uw66l {\n  border: solid 1px rgba(0, 0, 0, 0.1);\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.reset-input-ERpB4 {\n  position: relative;\n}\n\n.reset-input-ERpB4:after {\n  content: '';\n  position: absolute;\n  right: 10px;\n  top: 0;\n  bottom: 0;\n  width: 20px;\n  background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!DOCTYPE svg  PUBLIC '-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN'  'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg  id%3D%22Layer_1%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 version%3D%221.1%22 viewBox%3D%220 0 512 512%22 width%3D%22512px%22 xml%3Aspace%3D%22preserve%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath d%3D%22M256%2C33C132.3%2C33%2C32%2C133.3%2C32%2C257c0%2C123.7%2C100.3%2C224%2C224%2C224c123.7%2C0%2C224-100.3%2C224-224C480%2C133.3%2C379.7%2C33%2C256%2C33z    M364.3%2C332.5c1.5%2C1.5%2C2.3%2C3.5%2C2.3%2C5.6c0%2C2.1-0.8%2C4.2-2.3%2C5.6l-21.6%2C21.7c-1.6%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3L256%2C289.8   l-75.4%2C75.7c-1.5%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3l-21.6-21.7c-1.5-1.5-2.3-3.5-2.3-5.6c0-2.1%2C0.8-4.2%2C2.3-5.6l75.7-76   l-75.9-75c-3.1-3.1-3.1-8.2%2C0-11.3l21.6-21.7c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l75.7%2C74.7l75.7-74.7   c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l21.6%2C21.7c3.1%2C3.1%2C3.1%2C8.2%2C0%2C11.3l-75.9%2C75L364.3%2C332.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;\n  cursor: pointer;\n  opacity: 0.7;\n}\n\n.link-s-Rcm {\n  color: var(--diva-theme-palette-primary-main);\n  cursor: pointer;\n  display: inline-block;\n}\n";
+styleInject(css_248z$1);
 
 var _excluded$1 = ["className", "readOnly", "resetInput"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -446,7 +445,7 @@ function Login() {
           onClick: resetPassword,
           children: t('auth.button.forgotpassword')
         })
-      }), ' ']
+      })]
     })]
   });
 }
@@ -841,6 +840,11 @@ function WelcomeScreen (_ref) {
   });
 }
 
+var agbContainer = "agbContainer-WJvAX";
+var checkAgbText = "checkAgbText-RIwjN";
+var css_248z = ".agbContainer-WJvAX {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  padding: 10px;\n}\n\n.checkAgbText-RIwjN {\n  display: flex;\n  flex-direction: column;\n  font-size: 9px;\n}\n";
+styleInject(css_248z);
+
 var LOG = getLogger('Framework', 'Register');
 function Register() {
   var _email, _authorizationStore$s, _authorizationStore$s3, _authorizationStore$s4, _configurationStore$n, _configurationStore$n2;
@@ -881,10 +885,6 @@ function Register() {
     _useState16 = _slicedToArray(_useState15, 2),
     loading = _useState16[0],
     setLoading = _useState16[1];
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    agbAccepted = _useState18[0],
-    setAgbAccepted = _useState18[1];
   var onRegister = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _authorizationStore$s2;
@@ -926,8 +926,8 @@ function Register() {
   }();
   var useOtp = (_authorizationStore$s3 = authorizationStore.state) === null || _authorizationStore$s3 === void 0 ? void 0 : _authorizationStore$s3.useOtp;
   var validPassword = function validPassword() {
-    if (useOtp) return otp != undefined && otp !== '' && password == repeatPassword && password != '' && password != undefined && agbAccepted;
-    return password == repeatPassword && password != '' && password != undefined && agbAccepted;
+    if (useOtp) return otp != undefined && otp !== '' && password == repeatPassword && password != '' && password != undefined;
+    return password == repeatPassword && password != '' && password != undefined;
   };
   var loginMethods = (_authorizationStore$s4 = authorizationStore.state) === null || _authorizationStore$s4 === void 0 ? void 0 : _authorizationStore$s4.loginMethods;
   return /*#__PURE__*/jsxs(Fragment, {
@@ -935,9 +935,7 @@ function Register() {
       title: t('auth.title.register'),
       text: t('auth.text.register', ''),
       errorText: errorText !== null && errorText !== void 0 ? errorText : ''
-    }), /*#__PURE__*/jsx(OpenId, {
-      disabled: !agbAccepted
-    }), ((loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft)) && loginMethods.standard && /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx(OpenId, {}), ((loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft)) && loginMethods.standard && /*#__PURE__*/jsx("div", {
       className: separator,
       children: "or"
     }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.standard) && /*#__PURE__*/jsxs(Fragment, {
@@ -985,24 +983,10 @@ function Register() {
           onChange: function onChange(e) {
             return setRepeatPassword(e.target.value);
           }
-        }), /*#__PURE__*/jsxs("div", {
-          style: {
-            display: 'flex',
-            gap: 5,
-            alignItems: 'center'
-          },
-          children: [/*#__PURE__*/jsx(Checkbox, {
-            name: "checkAGB",
-            checked: agbAccepted,
-            onClick: function onClick() {
-              return setAgbAccepted(!agbAccepted);
-            }
-          }), /*#__PURE__*/jsxs("div", {
-            style: {
-              display: 'flex',
-              flexDirection: 'column',
-              fontSize: 9
-            },
+        }), /*#__PURE__*/jsx("div", {
+          className: agbContainer,
+          children: /*#__PURE__*/jsxs("div", {
+            className: checkAgbText,
             children: [/*#__PURE__*/jsx("span", {
               children: t('auth.acceptprivacyandagb')
             }), /*#__PURE__*/jsxs("span", {
@@ -1016,7 +1000,7 @@ function Register() {
                 children: t('auth.privacypolicy')
               })]
             })]
-          })]
+          })
         }), /*#__PURE__*/jsx(Alert$1, {
           severity: "warning",
           sx: {
@@ -1079,7 +1063,7 @@ function Auth() {
           backgroundImage: "url(".concat(logo, ")")
         }
       }), /*#__PURE__*/jsx(AuthElements, {})]
-    }), configurationStore.authentication.contentBox && !contentStore.containerDimensions.isMobile && /*#__PURE__*/jsx("div", {
+    }), configurationStore.authentication.contentBox && (!contentStore.containerDimensions.isMobile || contentStore.containerDimensions.isTablet && !contentStore.containerDimensions.isPortrait) && /*#__PURE__*/jsx("div", {
       style: {
         width: 'calc(100% - 400px)',
         height: '100%',