@authing/react-ui-components 3.0.1-alpha → 3.0.1-beta.0

package/lib/AuthingGuard/index.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuthingGuard = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _antd = require("antd");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _authingJsSdk = require("authing-js-sdk");
+
+var _context = require("../context/global/context");
+
+var _types = require("./types");
+
+var _http = require("../_utils/http");
+
+var _constants = require("./constants");
+
+var _GuardLayout = require("./GuardLayout");
+
+var _locales = require("../_utils/locales");
+
+var _excluded = ["appId", "tenantId", "config", "visible", "className", "id"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var PREFIX_CLS = 'authing-ant';
+
+_antd.message.config({
+  prefixCls: "".concat(PREFIX_CLS, "-message")
+});
+
+var AuthingGuard = function AuthingGuard(_ref) {
+  var _localesConfig$defaul, _activeTabs;
+
+  var appId = _ref.appId,
+      tenantId = _ref.tenantId,
+      _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {} : _ref$config,
+      visible = _ref.visible,
+      className = _ref.className,
+      id = _ref.id,
+      guardEvents = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var apiHost = config.apiHost,
+      appDomain = config.appDomain,
+      appHost = config.appHost,
+      _config$defaultLoginM = config.defaultLoginMethod,
+      defaultLoginMethod = _config$defaultLoginM === void 0 ? _constants.defaultGuardConfig.defaultLoginMethod : _config$defaultLoginM,
+      _config$defaultScenes = config.defaultScenes,
+      defaultScenes = _config$defaultScenes === void 0 ? _constants.defaultGuardConfig.defaultScenes : _config$defaultScenes,
+      _config$defaultRegist = config.defaultRegisterMethod,
+      defaultRegisterMethod = _config$defaultRegist === void 0 ? _constants.defaultGuardConfig.defaultRegisterMethod : _config$defaultRegist,
+      lang = config.lang,
+      _config$localesConfig = config.localesConfig,
+      localesConfig = _config$localesConfig === void 0 ? _constants.defaultLocalesConfig : _config$localesConfig,
+      _config$headers = config.headers,
+      headers = _config$headers === void 0 ? _constants.defaultHeaders : _config$headers;
+  (0, _locales.initI18n)(localesConfig, lang);
+  var realHost;
+
+  if (appHost) {
+    realHost = appHost;
+  } else if (appDomain) {
+    var parsedUrl = new URL(_constants.defaultGuardConfig.appHost);
+    realHost = "".concat(parsedUrl.protocol, "//").concat(appDomain).concat(parsedUrl.port ? ':' + parsedUrl.port : '');
+  } else {
+    realHost = apiHost || _constants.defaultGuardConfig.appHost;
+  }
+
+  _http.requestClient.setBaseUrl(realHost);
+
+  _http.requestClient.setLangHeader(headers === null || headers === void 0 ? void 0 : headers.lang);
+
+  if (tenantId) {
+    _http.requestClient.setTenantHeader(headers === null || headers === void 0 ? void 0 : headers['tenant-id']);
+
+    _http.requestClient.setTenantId(tenantId);
+  }
+
+  var authClient = new _authingJsSdk.AuthenticationClient({
+    appHost: realHost,
+    appId: appId,
+    tenantId: tenantId,
+    requestFrom: 'ui-components',
+    lang: (_localesConfig$defaul = localesConfig.defaultLang) !== null && _localesConfig$defaul !== void 0 ? _localesConfig$defaul : lang,
+    headers: headers,
+    onError: function onError(code, msg) {
+      if (code === 2020) {
+        return;
+      }
+
+      if ([_constants.OTP_MFA_CODE, _constants.APP_MFA_CODE].includes(code)) {
+        _antd.message.info(msg);
+
+        return;
+      }
+
+      _antd.message.error(msg);
+    }
+  });
+  var activeTabs = (_activeTabs = {}, (0, _defineProperty2.default)(_activeTabs, _types.GuardScenes.Login, defaultLoginMethod), (0, _defineProperty2.default)(_activeTabs, _types.GuardScenes.Register, defaultRegisterMethod), _activeTabs);
+  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    prefixCls: PREFIX_CLS
+  }, /*#__PURE__*/_react.default.createElement(_context.GuardContext, {
+    value: {
+      authClient: authClient,
+      config: _objectSpread({}, config),
+      userConfig: config,
+      appId: appId,
+      guardScenes: defaultScenes,
+      activeTabs: activeTabs,
+      guardTitle: config.title,
+      mfaData: {
+        mfaToken: ''
+      },
+      guardEvents: guardEvents,
+      localesConfig: config.localesConfig,
+      realHost: realHost
+    }
+  }, /*#__PURE__*/_react.default.createElement(_GuardLayout.GuardLayout, {
+    id: id,
+    className: className,
+    visible: visible,
+    lang: lang,
+    userConfig: config
+  })));
+};
+
+exports.AuthingGuard = AuthingGuard;

package/lib/AuthingGuard/style/appMFALayout.css

@@ -0,0 +1 @@
+.authing-toggle-mfa,.toggle-mfa-dropdown .authing-dropdown-icon{color:#999}.toggle-mfa-dropdown{margin-top:30px;align-self:center}.toggle-mfa-dropdown .authing-dropdown-menu-item{white-space:nowrap}

package/lib/AuthingGuard/style/appMFALayout.less

@@ -0,0 +1,12 @@
+.authing-toggle-mfa,
+.toggle-mfa-dropdown .authing-dropdown-icon {
+  color: #999;
+}
+
+.toggle-mfa-dropdown {
+  margin-top: 30px;
+  align-self: center;
+  .authing-dropdown-menu-item {
+    white-space: nowrap;
+  }
+}

package/lib/AuthingGuard/style/completeUserInfoLayout.css

@@ -0,0 +1 @@
+.authing-guard-complete-info-title{font-size:20px;text-align:center;color:#333}.authing-guard-complete-info-msg{color:#b2b2b2}

package/lib/AuthingGuard/style/completeUserInfoLayout.less

@@ -0,0 +1,8 @@
+.authing-guard-complete-info-title {
+  font-size: 20px;
+  text-align: center;
+  color: #333;
+}
+.authing-guard-complete-info-msg {
+  color: #b2b2b2;
+}

package/lib/AuthingGuard/style/css.js

@@ -0,0 +1,35 @@
+"use strict";
+
+require("./index.css");
+
+require("./appMFALayout.css");
+
+require("./completeUserInfoLayout.css");
+
+require("./emailMfaVerifyForm.css");
+
+require("./formAgreements.css");
+
+require("./formResetPwdForm.css");
+
+require("./guardLayout.css");
+
+require("./header.css");
+
+require("./iconFont.css");
+
+require("./loginFormFooter.css");
+
+require("./mfaLayout.css");
+
+require("./mfaResetCodeForm.css");
+
+require("./mfaVerifyForm.css");
+
+require("./qrCodeLoginForm.css");
+
+require("./sendPhoneCode.css");
+
+require("./smsMfaVerifyForm.css");
+
+require("./socialAndIdpLogin.css");

package/lib/AuthingGuard/style/formAgreements.css

@@ -0,0 +1 @@
+.authing-agreements{margin-top:20px;margin-bottom:20px}.authing-agreements.authing-agreements-error .authing-agreements-item-invalid,.authing-agreements.authing-agreements-error .authing-agreements-item-invalid a{color:#ff4d4f}.authing-agreements.authing-agreements-error .authing-agreements-item-invalid :global(.ant-checkbox-inner){border-color:#ff4d4f}.authing-agreements-item{color:#999;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-size:12px}.authing-agreements-item:not(:first-child){margin-top:4px}.authing-agreements-item p{margin-bottom:0;display:inline-block}.authing-agreements-checkbox{margin-bottom:2px}.authing-agreements-checkbox :global(.ant-checkbox-inner){width:14px;height:14px}.authing-agreements-checkbox :global(.ant-checkbox-inner):after{left:20%}.authing-agreements-item-content{line-height:23px}

package/lib/AuthingGuard/style/formAgreements.less

@@ -0,0 +1,44 @@
+.authing-agreements {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  &.authing-agreements-error {
+    .authing-agreements-item-invalid {
+      color: #ff4d4f;
+      a {
+        color: #ff4d4f;
+      }
+      :global(.ant-checkbox-inner) {
+        border-color: #ff4d4f;
+      }
+    }
+  }
+}
+
+.authing-agreements-item {
+  color: #999999;
+  user-select: none;
+  cursor: pointer;
+  font-size: 12px;
+  &:not(:first-child) {
+    margin-top: 4px;
+  }
+  p {
+    margin-bottom: 0;
+    display: inline-block;
+  }
+}
+
+.authing-agreements-checkbox {
+  margin-bottom: 2px;
+  :global(.ant-checkbox-inner) {
+    width: 14px;
+    height: 14px;
+    &::after {
+      left: 20%;
+    }
+  }
+}
+
+.authing-agreements-item-content {
+  line-height: 23px;
+}

package/lib/AuthingGuard/style/formResetPwdForm.css

@@ -0,0 +1 @@
+.authing-reset-pwd-btn{margin-top:24px}

package/lib/AuthingGuard/style/formResetPwdForm.less

@@ -0,0 +1,3 @@
+.authing-reset-pwd-btn {
+  margin-top: 24px;
+}

package/lib/AuthingGuard/style/guardLayout.css

@@ -0,0 +1 @@
+.authing-guard-layout{display:flex;justify-content:center;align-items:center;width:100%;padding:24px 0;height:100%}.authing-guard-layout__hidden{pointer-events:none}.authing-guard-layout__dis-none{z-index:-1;opacity:0}.authing-guard-layout__modal{position:fixed;left:0;top:0}.authing-guard-mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);opacity:1;transition:all .3s}.authing-guard-mask__hidden{opacity:0}.authing-guard-container{width:440px;min-height:610px;max-height:100%;box-sizing:border-box;background-color:#fff;padding:39px 38px 31px;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 2px 10px 0 rgba(57,106,255,.2);margin-left:auto;margin-right:auto;overflow:auto;position:relative;transform:translateY(0);transition:all .3s}.authing-guard-container__hidden{transform:translateY(2000px)}.authing-guard-load-error,.authing-guard-loading{flex:1;display:flex;align-items:center;justify-content:center}.authing-guard-close-btn{position:absolute;right:12px;top:12px;border:none;outline:none;box-shadow:none;background-color:#fff;border-radius:50%;width:30px;height:30px;text-align:center;line-height:20px;cursor:pointer}.authing-guard-close-btn:focus{outline:none;border:none;box-shadow:none}.authing-guard-close-btn:hover{color:#396aff}@media only screen and (max-width:719px){.authing-guard-layout{padding:0}.authing-guard-container{width:100%;min-height:100%;border:none;border-radius:initial;box-shadow:none;padding-left:24px;padding-right:24px}.authing-ant-input{font-size:14px}}

package/lib/AuthingGuard/style/guardLayout.less

@@ -0,0 +1,111 @@
+.authing-guard-layout {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: 24px 0;
+  height: 100%;
+}
+
+.authing-guard-layout__hidden {
+  pointer-events: none;
+}
+
+.authing-guard-layout__dis-none {
+  z-index: -1;
+  opacity: 0;
+}
+
+.authing-guard-layout__modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+}
+
+.authing-guard-mask {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.45);
+  opacity: 1;
+  transition: all 0.3s;
+}
+
+.authing-guard-mask__hidden {
+  opacity: 0;
+}
+
+.authing-guard-container {
+  width: 440px;
+  min-height: 610px;
+  max-height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+  padding: 39px 38px 31px;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 2px 10px 0 rgba(57, 106, 255, 0.2);
+  margin-left: auto;
+  margin-right: auto;
+  overflow: auto;
+  position: relative;
+  transform: translateY(0);
+  transition: all 0.3s;
+}
+
+.authing-guard-container__hidden {
+  transform: translateY(2000px);
+}
+
+.authing-guard-loading,
+.authing-guard-load-error {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.authing-guard-close-btn {
+  position: absolute;
+  right: 12px;
+  top: 12px;
+  border: none;
+  outline: none;
+  box-shadow: none;
+  background-color: #fff;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  line-height: 20px;
+  cursor: pointer;
+  &:focus {
+    outline: none;
+    border: none;
+    box-shadow: none;
+  }
+  &:hover {
+    color: #396aff;
+  }
+}
+
+@media only screen and (max-width: 719px) {
+  .authing-guard-layout {
+    padding: 0;
+  }
+  .authing-guard-container {
+    width: 100%;
+    min-height: 100%;
+    border: none;
+    border-radius: initial;
+    box-shadow: initial;
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  .authing-ant-input {
+    font-size: 14px;
+  }
+}

package/lib/AuthingGuard/style/header.css

@@ -0,0 +1 @@
+.authing-guard-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.authing-guard-logo{margin-bottom:8px}.authing-guard-logo img{object-fit:contain}.authing-guard-title-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.authing-guard-title{color:#282d3c;font-size:24px;margin-bottom:4px;width:100%;word-break:break-all;text-align:center}.authing-guard-description{font-size:16px;color:#878a95;margin-bottom:23px}@media only screen and (max-width:719px){.authing-guard-header{align-items:flex-start;flex-direction:row;align-items:center;justify-content:flex-start;padding-top:40px;padding-bottom:48px}.authing-guard-title{margin-bottom:0;padding-left:8px;color:#333;font-weight:500;text-align:unset}.authing-guard-logo{margin:0}.authing-guard-title-container{flex-direction:column;align-items:flex-start}.authing-guard-description{margin-bottom:0;padding-left:8px}}

package/lib/AuthingGuard/style/header.less

@@ -0,0 +1,64 @@
+.authing-guard-header {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.authing-guard-logo {
+  margin-bottom: 8px;
+}
+
+.authing-guard-logo img {
+  object-fit: contain;
+}
+
+.authing-guard-title-container {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+
+.authing-guard-title {
+  color: #282d3c;
+  font-size: 24px;
+  margin-bottom: 4px;
+  width: 100%;
+  word-break: break-all;
+  text-align: center;
+}
+.authing-guard-description {
+  font-size: 16px;
+  color: #878a95;
+  margin-bottom: 23px;
+}
+
+@media only screen and (max-width: 719px) {
+  .authing-guard-header {
+    align-items: flex-start;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    padding-top: 40px;
+    padding-bottom: 48px;
+  }
+  .authing-guard-title {
+    margin-bottom: 0;
+    padding-left: 8px;
+    color: #333333;
+    font-weight: 500;
+    text-align: unset;
+  }
+  .authing-guard-logo {
+    margin: 0;
+  }
+  .authing-guard-title-container {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .authing-guard-description {
+    margin-bottom: 0px;
+    padding-left: 8px;
+  }
+}

package/lib/AuthingGuard/style/iconFont.css

@@ -0,0 +1 @@
+.authing-icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor}

package/lib/AuthingGuard/style/iconFont.less

@@ -0,0 +1,6 @@
+.authing-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+}

package/lib/AuthingGuard/style/index.css

@@ -0,0 +1 @@
+[class*=authing-] body,[class*=authing-] html{width:100%;height:100%}[class*=authing-] input::-ms-clear,[class*=authing-] input::-ms-reveal{display:none}[class*=authing-] *,[class*=authing-] :after,[class*=authing-] :before{box-sizing:border-box}[class*=authing-] html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}[class*=authing-] body{margin:0;color:rgba(0,0,0,.85);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:"tnum"}[class*=authing-] [tabindex="-1"]:focus{outline:none!important}[class*=authing-] hr{box-sizing:content-box;height:0;overflow:visible}[class*=authing-] h1,[class*=authing-] h2,[class*=authing-] h3,[class*=authing-] h4,[class*=authing-] h5,[class*=authing-] h6{margin-top:0;margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:500}[class*=authing-] p{margin-top:0;margin-bottom:1em}[class*=authing-] abbr[data-original-title],[class*=authing-] abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}[class*=authing-] address{margin-bottom:1em;font-style:normal;line-height:inherit}[class*=authing-] input[type=number],[class*=authing-] input[type=password],[class*=authing-] input[type=text],[class*=authing-] textarea{-webkit-appearance:none}[class*=authing-] dl,[class*=authing-] ol,[class*=authing-] ul{margin-top:0;margin-bottom:1em}[class*=authing-] ol ol,[class*=authing-] ol ul,[class*=authing-] ul ol,[class*=authing-] ul ul{margin-bottom:0}[class*=authing-] dt{font-weight:500}[class*=authing-] dd{margin-bottom:.5em;margin-left:0}[class*=authing-] blockquote{margin:0 0 1em}[class*=authing-] dfn{font-style:italic}[class*=authing-] b,[class*=authing-] strong{font-weight:bolder}[class*=authing-] small{font-size:80%}[class*=authing-] sub,[class*=authing-] sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}[class*=authing-] sub{bottom:-.25em}[class*=authing-] sup{top:-.5em}[class*=authing-] a{color:#396aff;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}[class*=authing-] a:hover{color:#618eff}[class*=authing-] a:active{color:#254cd9}[class*=authing-] a:active,[class*=authing-] a:focus,[class*=authing-] a:hover{text-decoration:none;outline:0}[class*=authing-] a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}[class*=authing-] code,[class*=authing-] kbd,[class*=authing-] pre,[class*=authing-] samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}[class*=authing-] pre{margin-top:0;margin-bottom:1em;overflow:auto}[class*=authing-] figure{margin:0 0 1em}[class*=authing-] img{vertical-align:middle;border-style:none}[class*=authing-] svg:not(:root){overflow:hidden}[class*=authing-] [role=button],[class*=authing-] a,[class*=authing-] area,[class*=authing-] button,[class*=authing-] input:not([type=range]),[class*=authing-] label,[class*=authing-] select,[class*=authing-] summary,[class*=authing-] textarea{touch-action:manipulation}[class*=authing-] table{border-collapse:collapse}[class*=authing-] caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}[class*=authing-] th{text-align:inherit}[class*=authing-] button,[class*=authing-] input,[class*=authing-] optgroup,[class*=authing-] select,[class*=authing-] textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}[class*=authing-] button,[class*=authing-] input{overflow:visible}[class*=authing-] button,[class*=authing-] select{text-transform:none}[class*=authing-] [type=reset],[class*=authing-] [type=submit],[class*=authing-] button,[class*=authing-] html [type=button]{-webkit-appearance:button}[class*=authing-] [type=button]::-moz-focus-inner,[class*=authing-] [type=reset]::-moz-focus-inner,[class*=authing-] [type=submit]::-moz-focus-inner,[class*=authing-] button::-moz-focus-inner{padding:0;border-style:none}[class*=authing-] input[type=checkbox],[class*=authing-] input[type=radio]{box-sizing:border-box;padding:0}[class*=authing-] input[type=date],[class*=authing-] input[type=datetime-local],[class*=authing-] input[type=month],[class*=authing-] input[type=time]{-webkit-appearance:listbox}[class*=authing-] textarea{overflow:auto;resize:vertical}[class*=authing-] fieldset{min-width:0;margin:0;padding:0;border:0}[class*=authing-] legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[class*=authing-] progress{vertical-align:baseline}[class*=authing-] [type=number]::-webkit-inner-spin-button,[class*=authing-] [type=number]::-webkit-outer-spin-button{height:auto}[class*=authing-] [type=search]{outline-offset:-2px;-webkit-appearance:none}[class*=authing-] [type=search]::-webkit-search-cancel-button,[class*=authing-] [type=search]::-webkit-search-decoration{-webkit-appearance:none}[class*=authing-] ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[class*=authing-] output{display:inline-block}[class*=authing-] summary{display:list-item}[class*=authing-] template{display:none}[class*=authing-] [hidden]{display:none!important}[class*=authing-] mark{padding:.2em;background-color:#feffe6}[class*=authing-] ::selection{color:#fff;background:#396aff}[class*=authing-] .clearfix:before{display:table;content:""}[class*=authing-] .clearfix:after{display:table;clear:both;content:""}.authing-guard-text-btn{color:#396aff;padding:0}.authing-guard-text-btn:focus,.authing-guard-text-btn:hover{color:#6b90ff;background-color:transparent}.authing-text-center{text-align:center}.authing-text-center .authing-code-input{justify-content:center}.authing-text-center .authing-dropdown-menu-container{text-align:left}.authing-guard-form-actions{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.authing-guard-form-actions .authing-ant-divider-vertical{visibility:hidden}.authing-guard-tip{color:#999}.authing-guard-tip-btn-comb{margin-left:auto}.authing-guard-full-width-space{width:100%}.authing-data-tips{position:relative}.authing-data-tips:after{content:attr(data-tips);position:absolute;white-space:nowrap;top:100%;left:50%;transform:translateX(-50%) translateY(6px);display:none;background-color:rgba(0,0,0,.75);font-size:12px;padding:12px;z-index:500;border-radius:4px;color:#fff}.authing-data-tips:hover:after{display:block}.authing-data-tips__top{position:relative}.authing-data-tips__top:after{top:auto;bottom:100%;transform:translateX(-50%) translateY(-6px)}.authing-guard-pointer{cursor:pointer}@media only screen and (max-width:719px){.authing-guard-form-actions{justify-content:flex-end!important}.authing-guard-form-actions .authing-ant-divider-vertical{visibility:initial}.authing-guard-form-actions .authing-guard-text-btn{color:#999;font-size:12px}.authing-guard-form-actions .authing-guard-tip-btn-comb{margin-left:0!important;font-size:12px;font-weight:400;color:#999}}

package/lib/AuthingGuard/style/index.d.ts

@@ -0,0 +1,17 @@
+import './index.less';
+import './appMFALayout.less';
+import './completeUserInfoLayout.less';
+import './emailMfaVerifyForm.less';
+import './formAgreements.less';
+import './formResetPwdForm.less';
+import './guardLayout.less';
+import './header.less';
+import './iconFont.less';
+import './loginFormFooter.less';
+import './mfaLayout.less';
+import './mfaResetCodeForm.less';
+import './mfaVerifyForm.less';
+import './qrCodeLoginForm.less';
+import './sendPhoneCode.less';
+import './smsMfaVerifyForm.less';
+import './socialAndIdpLogin.less';

package/lib/AuthingGuard/style/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+require("./index.less");
+
+require("./appMFALayout.less");
+
+require("./completeUserInfoLayout.less");
+
+require("./emailMfaVerifyForm.less");
+
+require("./formAgreements.less");
+
+require("./formResetPwdForm.less");
+
+require("./guardLayout.less");
+
+require("./header.less");
+
+require("./iconFont.less");
+
+require("./loginFormFooter.less");
+
+require("./mfaLayout.less");
+
+require("./mfaResetCodeForm.less");
+
+require("./mfaVerifyForm.less");
+
+require("./qrCodeLoginForm.less");
+
+require("./sendPhoneCode.less");
+
+require("./smsMfaVerifyForm.less");
+
+require("./socialAndIdpLogin.less");

package/lib/AuthingGuard/style/index.less

@@ -0,0 +1,106 @@
+// @import '~antd/lib/style/mixins/index.less';
+@import '../../node_modules/antd/lib/style/mixins/index.less';
+
+*[class*='authing-'] {
+  // @import '~antd/lib/style/core/global.less';
+  @import '../../node_modules/antd/lib/style/core/global.less';
+}
+
+.authing-guard-text-btn {
+  color: #396aff;
+  padding: 0;
+
+  &:hover,
+  &:focus {
+    color: #6b90ff;
+    background-color: transparent;
+  }
+}
+
+.authing-text-center {
+  text-align: center;
+  .authing-code-input {
+    justify-content: center;
+  }
+  .authing-dropdown-menu-container {
+    text-align: left;
+  }
+}
+
+.authing-guard-form-actions {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8px;
+  align-items: center;
+  .authing-ant-divider-vertical {
+    visibility: hidden;
+  }
+}
+
+.authing-guard-tip {
+  color: #999;
+}
+
+.authing-guard-tip-btn-comb {
+  margin-left: auto;
+}
+
+.authing-guard-full-width-space {
+  width: 100%;
+}
+
+.authing-data-tips {
+  position: relative;
+  &::after {
+    content: attr(data-tips);
+    position: absolute;
+    white-space: nowrap;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%) translateY(6px);
+    display: none;
+    background-color: rgba(0, 0, 0, 0.75);
+    font-size: 12px;
+    padding: 12px;
+    z-index: 500;
+    border-radius: 4px;
+    color: #fff;
+  }
+  &:hover {
+    &::after {
+      display: block;
+    }
+  }
+}
+
+.authing-data-tips__top {
+  position: relative;
+  &::after {
+    top: auto;
+    bottom: 100%;
+    transform: translateX(-50%) translateY(-6px);
+  }
+}
+
+.authing-guard-pointer {
+  cursor: pointer;
+}
+
+@media only screen and (max-width: 719px) {
+  .authing-guard-form-actions {
+    .authing-ant-divider-vertical {
+      visibility: initial;
+    }
+    justify-content: flex-end !important;
+    .authing-guard-text-btn {
+      color: #999999;
+      font-size: 12px;
+    }
+    .authing-guard-tip-btn-comb {
+      margin-left: initial !important;
+      font-size: 12px;
+      font-weight: 400;
+      color: #999999;
+    }
+  }
+}

package/lib/AuthingGuard/style/loginFormFooter.css

@@ -0,0 +1 @@
+@media only screen and (max-width:719px){.authing-guard-form-submit-btn{margin-top:56px;font-size:14px}}

package/lib/AuthingGuard/style/loginFormFooter.less

@@ -0,0 +1,6 @@
+@media only screen and (max-width: 719px) {
+  .authing-guard-form-submit-btn {
+    margin-top: 56px;
+    font-size: 14px;
+  }
+}

package/lib/AuthingGuard/style/mfaLayout.css

@@ -0,0 +1 @@
+.authing-guard-mfa-confirm-btn{margin-top:80px}

package/lib/AuthingGuard/style/mfaLayout.less

@@ -0,0 +1,3 @@
+.authing-guard-mfa-confirm-btn {
+  margin-top: 80px;
+}

package/lib/AuthingGuard/style/mfaVerifyForm.css

@@ -0,0 +1 @@
+.authing-guard-mfa-title{color:#181818;font-size:18px;font-weight:600;text-align:center;margin:0}.authing-guard-mfa-tips{margin:38px 0;text-align:center}

package/lib/AuthingGuard/style/mfaVerifyForm.less

@@ -0,0 +1,12 @@
+.authing-guard-mfa-title {
+  color: #181818;
+  font-size: 18px;
+  font-weight: 600;
+  text-align: center;
+  margin: 0;
+}
+
+.authing-guard-mfa-tips {
+  margin: 38px 0;
+  text-align: center;
+}