datastake-daf 0.6.554 → 0.6.555

package/dist/layouts/index.css

@@ -1 +1 @@
-.index_components-layout__BppiJ{display:flex;flex-direction:row;height:100dvh;max-height:100dvh;overflow:hidden;width:100vw}.index_components-layout__BppiJ .index_layout-content-wrapper__ANOdo{display:flex;flex-direction:column;min-height:100dvh;width:100%}.index_layout-children__gWZas{background:#fff;flex:1;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:relative}@media (max-width:768px){.index_layout-children__gWZas{padding:16px}}.index_mod-name__ZAqSo{align-items:center;cursor:pointer;display:flex;gap:12px;padding:20px;transition:all .3s}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC{justify-content:center;padding:20px 10px}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC h1{display:none}.index_mod-name__ZAqSo .index_icon__tIPRE{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.index_mod-name__ZAqSo .index_icon__tIPRE img,.index_mod-name__ZAqSo .index_icon__tIPRE svg{height:100%;object-fit:contain;width:100%}.index_mod-name__ZAqSo h1{font-size:16px;font-weight:600;line-height:1.2;margin:0}.index_layout-header__uP-hH{align-items:center;box-shadow:0 2px 8px #00000026;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:relative;z-index:1000}.index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_layout-header__uP-hH .index_right-sidebar__b2OCD{align-items:center;display:flex;gap:16px}.index_layout-header__uP-hH .index_left-sidebar__rf0f7{flex:1}.index_layout-header__uP-hH .index_trigger__UMbTb{cursor:pointer;font-size:18px;line-height:64px;margin:0 -24px 0 0;padding:0 24px;transition:color .3s}.index_layout-header__uP-hH .index_trigger__UMbTb:hover{color:#1890ff}.index_layout-header__uP-hH .index_desktop__sAat1{display:flex}@media (max-width:768px){.index_layout-header__uP-hH .index_desktop__sAat1{display:none}}.index_layout-header__uP-hH .index_mobile__exhDj{display:none}@media (max-width:768px){.index_layout-header__uP-hH .index_mobile__exhDj{align-items:center;cursor:pointer;display:flex}}.index_layout-header__uP-hH .index_mobile__exhDj img{height:32px;width:auto}.index_layout-header__uP-hH .index_notification-icon__rzMrK{align-items:center;cursor:pointer;display:flex;font-size:18px;padding:8px;position:relative;transition:color .3s}.index_layout-header__uP-hH .index_notification-icon__rzMrK:hover{color:#1890ff}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-loader__OF-Nt{animation:index_pulse__tnSN4 2s infinite;background:#52c41a;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-more-cont__Glzl6{align-items:center;background:#ff4d4f;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:5px;top:5px}.index_layout-header__uP-hH .index_language-select__eSaHK{min-width:100px}.index_layout-header__uP-hH .index_language-select__eSaHK .index_ant-select-selector__G-MXN{background:#0000!important;border:none!important;box-shadow:none!important}.index_layout-header__uP-hH .index_language-select__eSaHK .index_row-cont__G2wqI{align-items:center;display:flex;gap:8px}.index_layout-header__uP-hH .index_user-details__TajEC{align-items:center;display:flex}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{min-width:200px;padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd:hover{background:#0000}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{border-bottom:1px solid #f0f0f0;padding:16px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 4px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:12px;margin:0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv{padding:8px 0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{color:#262626;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .3s}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ:hover{background:#f5f5f5}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{padding:4px 0}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{align-items:center;display:flex;gap:8px;padding:8px 12px}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C{color:#ffffff4d;cursor:not-allowed}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C:hover{background:#0000}@keyframes index_pulse__tnSN4{0%{box-shadow:0 0 0 0 #52c41ab3}70%{box-shadow:0 0 0 6px #52c41a00}to{box-shadow:0 0 0 0 #52c41a00}}.index_sidenav-sider__hWcZw{display:flex;flex-direction:column;height:100dvh;position:relative;transition:all .3s;z-index:999}@media (max-width:768px){.index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}}.index_sidenav-sider__hWcZw .index_logo__ThlDP{padding:20px;text-align:center}.index_sidenav-sider__hWcZw .index_logo__ThlDP img{cursor:pointer;height:auto;max-height:40px;max-width:100%;object-fit:contain;transition:all .3s}.index_sidenav-sider__hWcZw .index_logo__ThlDP img:hover{opacity:.8}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB{min-width:70px!important;width:70px!important}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP{padding:20px 10px}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP img{max-height:32px}.index_sidenav-sider__hWcZw.index_sidenav-sider-opened__tBCYr{min-width:250px;width:250px}.index_sidenav-menu__etWhC{flex:1;overflow-x:hidden;overflow-y:auto}.index_sidenav-menu__etWhC::-webkit-scrollbar{width:6px}.index_sidenav-menu__etWhC::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.index_components-layout__BppiJ .index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}.index_components-layout__BppiJ .index_layout-header__uP-hH{padding:0 16px}.index_components-layout__BppiJ .index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_components-layout__BppiJ .index_layout-header__uP-hH .index_right-sidebar__b2OCD{gap:12px}.index_components-layout__BppiJ .index_layout-children__gWZas,.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{padding:12px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{font-size:13px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:11px}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{font-size:13px;padding:8px 12px}}@media (min-width:1920px){.index_layout-children__gWZas{margin:0 auto;max-width:1600px}}
+.index_components-layout__BppiJ{display:flex;flex-direction:row;height:100dvh;max-height:100dvh;overflow:hidden;width:100vw}.index_components-layout__BppiJ .index_layout-content-wrapper__ANOdo{display:flex;flex-direction:column;min-height:100dvh;width:100%}.index_layout-children__gWZas{background:#fff;flex:1;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:relative}@media (max-width:768px){.index_layout-children__gWZas{padding:16px}}.index_mod-name__ZAqSo{align-items:center;cursor:pointer;display:flex;gap:12px;padding:20px;transition:all .3s}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC{justify-content:center;padding:20px 10px}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC h1{display:none}.index_mod-name__ZAqSo .index_icon__tIPRE{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.index_mod-name__ZAqSo .index_icon__tIPRE img,.index_mod-name__ZAqSo .index_icon__tIPRE svg{height:100%;object-fit:contain;width:100%}.index_mod-name__ZAqSo h1{font-size:16px;font-weight:600;line-height:1.2;margin:0}.index_layout-header__uP-hH{align-items:center;box-shadow:0 2px 8px #00000026;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:relative;z-index:1000}.index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_layout-header__uP-hH .index_right-sidebar__b2OCD{align-items:center;display:flex;gap:16px}.index_layout-header__uP-hH .index_left-sidebar__rf0f7{flex:1}.index_layout-header__uP-hH .index_trigger__UMbTb{cursor:pointer;font-size:18px;line-height:64px;margin:0 -24px 0 0;padding:0 24px;transition:color .3s}.index_layout-header__uP-hH .index_trigger__UMbTb:hover{color:#1890ff}.index_layout-header__uP-hH .index_desktop__sAat1{display:flex}@media (max-width:768px){.index_layout-header__uP-hH .index_desktop__sAat1{display:none}}.index_layout-header__uP-hH .index_mobile__exhDj{display:none}@media (max-width:768px){.index_layout-header__uP-hH .index_mobile__exhDj{align-items:center;cursor:pointer;display:flex}}.index_layout-header__uP-hH .index_mobile__exhDj img{height:32px;width:auto}.index_layout-header__uP-hH .index_notification-icon__rzMrK{align-items:center;cursor:pointer;display:flex;font-size:18px;padding:8px;position:relative;transition:color .3s}.index_layout-header__uP-hH .index_notification-icon__rzMrK:hover{color:#1890ff}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-loader__OF-Nt{animation:index_pulse__tnSN4 2s infinite;background:#52c41a;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-more-cont__Glzl6{align-items:center;background:#ff4d4f;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:5px;top:5px}.index_layout-header__uP-hH .index_language-select__eSaHK{min-width:100px}.index_layout-header__uP-hH .index_language-select__eSaHK .index_ant-select-selector__G-MXN{background:#0000!important;border:none!important;box-shadow:none!important}.index_layout-header__uP-hH .index_language-select__eSaHK .index_row-cont__G2wqI{align-items:center;display:flex;gap:8px}.index_layout-header__uP-hH .index_user-details__TajEC{align-items:center;display:flex}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{min-width:200px;padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd:hover{background:#0000}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{border-bottom:1px solid #f0f0f0;padding:16px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 4px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:12px;margin:0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv{padding:8px 0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{color:#262626;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .3s}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ:hover{background:#f5f5f5}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{padding:4px 0}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{align-items:center;display:flex;gap:8px;padding:8px 12px}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C{color:#ffffff4d;cursor:not-allowed}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C:hover{background:#0000}@keyframes index_pulse__tnSN4{0%{box-shadow:0 0 0 0 #52c41ab3}70%{box-shadow:0 0 0 6px #52c41a00}to{box-shadow:0 0 0 0 #52c41a00}}.index_sidenav-sider__hWcZw{display:flex;flex-direction:column;height:100dvh;position:relative;transition:all .3s;z-index:999}@media (max-width:768px){.index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}}.index_sidenav-sider__hWcZw .index_logo__ThlDP{padding:20px;text-align:center}.index_sidenav-sider__hWcZw .index_logo__ThlDP img{cursor:pointer;height:auto;max-height:40px;max-width:100%;object-fit:contain;transition:all .3s}.index_sidenav-sider__hWcZw .index_logo__ThlDP img:hover{opacity:.8}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB{min-width:70px!important;width:70px!important}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP{padding:20px 10px}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP img{max-height:32px}.index_sidenav-sider__hWcZw.index_sidenav-sider-opened__tBCYr{min-width:250px;width:250px}.index_sidenav-menu__etWhC{flex:1;overflow-x:hidden;overflow-y:auto}.index_sidenav-menu__etWhC::-webkit-scrollbar{width:6px}.index_sidenav-menu__etWhC::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.index_components-layout__BppiJ .index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}.index_components-layout__BppiJ .index_layout-header__uP-hH{padding:0 16px}.index_components-layout__BppiJ .index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_components-layout__BppiJ .index_layout-header__uP-hH .index_right-sidebar__b2OCD{gap:12px}.index_components-layout__BppiJ .index_layout-children__gWZas,.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{padding:12px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{font-size:13px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:11px}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{font-size:13px;padding:8px 12px}}@media (min-width:1920px){.index_layout-children__gWZas{margin:0 auto;max-width:1600px}}.index_auth-layout__TBWUk{background-color:#fff;display:flex;flex-direction:column;font-family:Outfit,sans-serif;min-height:100vh;position:relative;width:100%}.index_auth-layout__TBWUk .index_auth-top-header__6CyDg{align-items:center;background:#fff;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between;padding:16px 32px;width:100%}.index_auth-layout__TBWUk .index_auth-top-header__6CyDg .index_left__doYes{align-items:center;display:flex}.index_auth-layout__TBWUk .index_auth-top-header__6CyDg .index_left__doYes .index_top-header-logo-combined__j8cWN{height:28px;object-fit:contain}.index_auth-layout__TBWUk .index_auth-top-header__6CyDg .index_right__GUqRV{align-items:center;display:flex;gap:12px}.index_auth-layout__TBWUk .index_auth-top-header__6CyDg .index_right__GUqRV .index_back-btn__JUCGS{background:#0000;border:1px solid #d0d5dd;border-radius:20px;color:#101828;font-size:14px;padding:6px 16px;transition:.2s}.index_auth-layout__TBWUk .index_auth-top-header__6CyDg .index_right__GUqRV .index_back-btn__JUCGS:hover{background:#f9fafb}@media (max-width:768px){.index_auth-layout__TBWUk .index_auth-top-header__6CyDg{padding:12px 16px}.index_auth-layout__TBWUk .index_auth-top-header__6CyDg .index_top-header-logo-combined__j8cWN{height:22px}}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL-{position:absolute;right:24px;top:24px;z-index:10}@media (max-width:768px){.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL-{right:16px;top:16px}}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE{min-width:100px}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE .index_ant-select-selector__y2ifz{background:#fff!important;border:1px solid #d0d5dd!important;border-radius:8px!important;box-shadow:0 1px 2px #1018280d!important;height:auto!important;padding:4px 12px!important}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE .index_ant-select-arrow__cum9e{color:#667085}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE .index_row-cont__s4j7p{align-items:center;display:flex;gap:8px}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2 .index_ant-select-item__o4beY{padding:8px 12px}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2 .index_ant-select-item__o4beY:hover{background:#f9fafb}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2 .index_ant-select-item-option-selected__sOrAw{background:#f3f4f6;font-weight:500}.index_auth-layout__TBWUk .index_main-cont__0l-IY{display:flex;flex:1;flex-direction:row;justify-content:center;min-height:100vh}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY{flex-direction:column;justify-content:flex-start}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz{display:flex;flex:1;flex-direction:column}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes{display:flex;height:100dvh;justify-content:center;overflow-y:auto;padding:6rem 0}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes{height:unset;overflow-y:hidden;padding:3rem 2rem}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;width:350px}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF{padding:0;width:100%}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG{margin-bottom:32px;text-align:start}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG img.index_app-logo__mYi8B{display:block;height:auto;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:200px;width:136px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG h2{color:#101828;font-size:36px;font-weight:700;line-height:44px;margin-bottom:8px}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG h2{font-size:28px;line-height:36px}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG p{color:#667085;font-size:16px;line-height:24px;margin-bottom:0}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG p{font-size:14px}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_dots__cDCDT{display:flex;gap:8px;justify-content:center;margin-top:32px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_dots__cDCDT .index_dot__WQm4x{background:#e5e7eb;border-radius:6px;height:12px;transition:width .4s,background .4s;width:12px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_dots__cDCDT .index_dot__WQm4x.index_active__4YD0E{background:#3b82f6;width:35px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;padding:0;position:relative}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV{display:none}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV .index_right-img__Jvjyp{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;height:100%;min-height:100vh;width:100%}@media (max-width:1200px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV .index_right-img__Jvjyp{min-height:100vh}}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes a{color:#3b82f6;text-decoration:none;transition:color .2s}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes a:hover{color:#2563eb}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-form-item-required__Jn6Sc:before{content:unset!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input__Bw6wz{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:400;padding:10px 12px;transition:border-color .2s}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input__Bw6wz:hover{border-color:#d1d5db}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input__Bw6wz:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input-affix-wrapper__ldFFY{border:1px solid #e5e7eb;border-radius:8px;padding:11px 14px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input-affix-wrapper__ldFFY .index_ant-input__Bw6wz{border:unset;border-radius:unset;padding:0}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input-affix-wrapper__ldFFY .index_ant-input-prefix__sxVVt{color:#a4a4a4;margin-right:10px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select-selector__y2ifz{border:1px solid #e5e7eb!important;border-radius:6px!important;font-size:14px;font-weight:400;height:fit-content!important;padding:4px 12px!important;transition:border-color .2s!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select-selector__y2ifz .index_ant-select-selection-search__Ur-Sf{display:flex;flex-direction:column;justify-content:center}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select__Ex-5-:hover .index_ant-select-selector__y2ifz{border-color:#d1d5db!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select-focused__bL1-V .index_ant-select-selector__y2ifz{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_buttons__qBDDT{display:flex;flex-direction:column;gap:12px;margin-top:24px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_bottom__VJ0no{display:flex;flex-direction:column;gap:4px;margin-top:10px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_bottom__VJ0no p{color:#667085;font-size:14px;line-height:20px;margin-bottom:0}@media (max-width:575px){.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-form-item__YgJNa{flex-direction:row!important}}@keyframes index_slideLeft__Oochc{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}@keyframes index_slideRight__GBjaP{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes{animation:index_slideRight__GBjaP .7s forwards}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_right__GUqRV{animation:index_slideLeft__Oochc .7s forwards}.index_auth-layout__TBWUk.index_sbg__ii-t-{--primary-color:#f04438}.index_auth-layout__TBWUk.index_sbg__ii-t- .index_ant-btn-primary__NYvTj{background:var(--primary-color);border-color:var(--primary-color)}.index_auth-layout__TBWUk.index_sbg__ii-t- .index_d-cont__FOHiz.index_right__GUqRV{background-image:url(/assets/sbg-images/sbg-bg.png)}.index_auth-layout__TBWUk.index_nashiriki__4ggGj{--primary-color:#004b91}.index_auth-layout__TBWUk.index_nashiriki__4ggGj .index_ant-btn-primary__NYvTj{background:var(--primary-color);border-color:var(--primary-color)}.index_auth-layout__TBWUk.index_nashiriki__4ggGj .index_d-cont__FOHiz.index_right__GUqRV{background-image:url(/assets/nashiriki-images/nashiriki-bg.png)}

package/dist/layouts/index.js

@@ -7289,4 +7289,136 @@ function AppLayout({
   });
 }
 
+/* eslint-disable react/prop-types */
+const AuthLayout = ({
+  children,
+  NavbarComponent,
+  StyleComponent,
+  t = key => key,
+  title = "Welcome Back",
+  subTitle = "Please introduce yourself",
+  header,
+  logo,
+  appName = "default",
+  containerClassName = "",
+  leftClassName = "",
+  rightClassName = "",
+  rightImgClassName = "",
+  rightImageUrl,
+  showNavbar = false,
+  navbarProps = {},
+  additionalContent,
+  languageConfig = [{
+    value: "en",
+    label: "EN",
+    flagUrl: "/assets/images/countries/gb.png"
+  }, {
+    value: "fr",
+    label: "FR",
+    flagUrl: "/assets/images/countries/fr.png"
+  }, {
+    value: "sp",
+    label: "ES",
+    flagUrl: "/assets/images/countries/sp.png"
+  }],
+  updateLanguage,
+  showLanguageSelector = false,
+  showTopHeader = false,
+  // shows the header bar (logo image + language + back)
+  topHeaderLogo,
+  // full logo image (contains both icon and text)
+  onBack,
+  // callback when “Back” clicked
+  showBack = false,
+  // show/hide back button
+  backLabel = "Back"
+}) => {
+  /** Header block (single logo image + back + language) */
+  const renderTopHeader = () => {
+    if (!showTopHeader) return null;
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "auth-top-header",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "left",
+        children: topHeaderLogo && /*#__PURE__*/jsxRuntime.jsx("img", {
+          className: "top-header-logo-combined",
+          src: topHeaderLogo,
+          alt: `${appName} logo`
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "right",
+        children: [showLanguageSelector && updateLanguage && /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+          className: "language-select",
+          defaultValue: localStorage.getItem("datastakeLng") || "en",
+          bordered: false,
+          onChange: lng => updateLanguage(lng),
+          popupClassName: formatClassname(["language-select-popup", appName]),
+          children: languageConfig.map(lang => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+            value: lang.value,
+            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "row-cont flex items-center gap-2",
+              children: [/*#__PURE__*/jsxRuntime.jsx("img", {
+                src: lang.flagUrl,
+                alt: lang.label,
+                style: {
+                  width: 20,
+                  height: 12
+                }
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                children: lang.label
+              })]
+            })
+          }, lang.value))
+        }), showBack && /*#__PURE__*/jsxRuntime.jsx("button", {
+          className: "back-btn",
+          onClick: onBack,
+          children: backLabel
+        })]
+      })]
+    });
+  };
+  const renderHeader = () => header ? header : /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "left-header",
+    children: [logo && /*#__PURE__*/jsxRuntime.jsx("img", {
+      className: "app-logo",
+      src: logo,
+      alt: `${appName} logo`
+    }), title && /*#__PURE__*/jsxRuntime.jsx("h2", {
+      children: t(title)
+    }), subTitle && /*#__PURE__*/jsxRuntime.jsx("p", {
+      children: typeof subTitle === "string" ? t(subTitle) : subTitle
+    })]
+  });
+  const layoutContent = /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "main-cont",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: formatClassname(["d-cont left", leftClassName]),
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "main",
+        children: [renderHeader(), children, additionalContent]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: formatClassname(["d-cont right", rightClassName]),
+      style: rightImageUrl ? {
+        backgroundImage: `url(${rightImageUrl})`,
+        backgroundSize: "cover"
+      } : {},
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: formatClassname(["right-img", rightImgClassName])
+      })
+    })]
+  });
+  const Wrapper = StyleComponent || "div";
+  const wrapperClassName = formatClassname(["auth-layout", appName, containerClassName]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [showNavbar && NavbarComponent && /*#__PURE__*/jsxRuntime.jsx(NavbarComponent, {
+      ...navbarProps
+    }), /*#__PURE__*/jsxRuntime.jsxs(Wrapper, {
+      className: wrapperClassName,
+      children: [renderTopHeader(), layoutContent]
+    })]
+  });
+};
+
 exports.AppLayout = AppLayout;
+exports.AuthLayout = AuthLayout;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.554",
+	"version": "0.6.555",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/layouts/AuthLayout/components/NavbarComponent.jsx

@@ -0,0 +1,53 @@
+/* eslint-disable react/prop-types */
+import React from 'react';
+import { formatClassname } from '../../../../helpers/ClassesHelper.js';
+import './NavbarComponent.scss';
+
+/**
+ * NavbarComponent for AuthLayout
+ * 
+ * A simple, reusable navbar component that can be used with AuthLayout
+ * 
+ * @param {Object} props
+ * @param {React.ReactNode} props.leftContent - Content to display on the left side
+ * @param {React.ReactNode} props.rightContent - Content to display on the right side
+ * @param {string} props.className - Additional CSS classes
+ * @param {string} props.logo - Logo image URL
+ * @param {string} props.logoAlt - Alt text for logo
+ * @param {Function} props.onLogoClick - Callback when logo is clicked
+ * @param {boolean} props.bordered - Whether to show bottom border
+ */
+const NavbarComponent = ({
+  leftContent,
+  rightContent,
+  className = '',
+  logo,
+  logoAlt = 'Logo',
+  onLogoClick,
+  bordered = false,
+}) => {
+  return (
+    <div className={formatClassname(['auth-navbar', bordered && 'bordered', className])}>
+      <div className="auth-navbar-container">
+        <div className="auth-navbar-left">
+          {logo && (
+            <img
+              src={logo}
+              alt={logoAlt}
+              className="auth-navbar-logo"
+              onClick={onLogoClick}
+              style={{ cursor: onLogoClick ? 'pointer' : 'default' }}
+            />
+          )}
+          {leftContent}
+        </div>
+        <div className="auth-navbar-right">
+          {rightContent}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NavbarComponent;
+

package/src/@daf/layouts/AuthLayout/components/NavbarComponent.scss

@@ -0,0 +1,51 @@
+.auth-navbar {
+  width: 100%;
+  padding: 1rem 2rem;
+  background-color: transparent;
+  transition: all 0.3s ease;
+
+  &.bordered {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  }
+
+  .auth-navbar-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    max-width: 1400px;
+    margin: 0 auto;
+    width: 100%;
+  }
+
+  .auth-navbar-left {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+
+    .auth-navbar-logo {
+      height: 40px;
+      width: auto;
+      object-fit: contain;
+    }
+  }
+
+  .auth-navbar-right {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+  }
+}
+
+// Responsive styles
+@media (max-width: 768px) {
+  .auth-navbar {
+    padding: 0.75rem 1rem;
+
+    .auth-navbar-left {
+      .auth-navbar-logo {
+        height: 32px;
+      }
+    }
+  }
+}
+

package/src/@daf/layouts/AuthLayout/components/index.js

@@ -0,0 +1,2 @@
+export { default as NavbarComponent } from './NavbarComponent.jsx';
+

package/src/@daf/layouts/AuthLayout/index.jsx

@@ -0,0 +1,137 @@
+/* eslint-disable react/prop-types */
+import React from "react";
+import { Select } from "antd";
+import { formatClassname } from "../../../helpers/ClassesHelper.js";
+import "./index.scss";
+
+const AuthLayout = ({
+  children,
+  NavbarComponent,
+  StyleComponent,
+  t = (key) => key,
+  title = "Welcome Back",
+  subTitle = "Please introduce yourself",
+  header,
+  logo,
+  appName = "default",
+  containerClassName = "",
+  leftClassName = "",
+  rightClassName = "",
+  rightImgClassName = "",
+  rightImageUrl,
+  showNavbar = false,
+  navbarProps = {},
+  additionalContent,
+  languageConfig = [
+    { value: "en", label: "EN", flagUrl: "/assets/images/countries/gb.png" },
+    { value: "fr", label: "FR", flagUrl: "/assets/images/countries/fr.png" },
+    { value: "sp", label: "ES", flagUrl: "/assets/images/countries/sp.png" },
+  ],
+  updateLanguage,
+  showLanguageSelector = false,
+
+  showTopHeader = false, // shows the header bar (logo image + language + back)
+  topHeaderLogo, // full logo image (contains both icon and text)
+  onBack, // callback when “Back” clicked
+  showBack = false, // show/hide back button
+  backLabel = "Back",
+}) => {
+
+  /** Header block (single logo image + back + language) */
+  const renderTopHeader = () => {
+    if (!showTopHeader) return null;
+
+    return (
+      <div className="auth-top-header">
+        <div className="left">
+          {topHeaderLogo && (
+            <img
+              className="top-header-logo-combined"
+              src={topHeaderLogo}
+              alt={`${appName} logo`}
+            />
+          )}
+        </div>
+
+        <div className="right">
+          {showLanguageSelector && updateLanguage && (
+            <Select
+              className="language-select"
+              defaultValue={localStorage.getItem("datastakeLng") || "en"}
+              bordered={false}
+              onChange={(lng) => updateLanguage(lng)}
+              popupClassName={formatClassname(["language-select-popup", appName])}
+            >
+              {languageConfig.map((lang) => (
+                <Select.Option key={lang.value} value={lang.value}>
+                  <div className="row-cont flex items-center gap-2">
+                    <img
+                      src={lang.flagUrl}
+                      alt={lang.label}
+                      style={{ width: 20, height: 12 }}
+                    />
+                    <span>{lang.label}</span>
+                  </div>
+                </Select.Option>
+              ))}
+            </Select>
+          )}
+
+          {showBack && (
+            <button className="back-btn" onClick={onBack}>
+              {backLabel}
+            </button>
+          )}
+        </div>
+      </div>
+    );
+  };
+
+  const renderHeader = () =>
+    header ? (
+      header
+    ) : (
+      <div className="left-header">
+        {logo && <img className="app-logo" src={logo} alt={`${appName} logo`} />}
+        {title && <h2>{t(title)}</h2>}
+        {subTitle && <p>{typeof subTitle === "string" ? t(subTitle) : subTitle}</p>}
+      </div>
+    );
+
+  const layoutContent = (
+    <div className="main-cont">
+      <div className={formatClassname(["d-cont left", leftClassName])}>
+        <div className="main">
+          {renderHeader()}
+          {children}
+          {additionalContent}
+        </div>
+      </div>
+      <div
+        className={formatClassname(["d-cont right", rightClassName])}
+        style={
+          rightImageUrl
+            ? { backgroundImage: `url(${rightImageUrl})`, backgroundSize: "cover" }
+            : {}
+        }
+      >
+        <div className={formatClassname(["right-img", rightImgClassName])} />
+      </div>
+    </div>
+  );
+
+  const Wrapper = StyleComponent || "div";
+  const wrapperClassName = formatClassname(["auth-layout", appName, containerClassName]);
+
+  return (
+    <>
+      {showNavbar && NavbarComponent && <NavbarComponent {...navbarProps} />}
+      <Wrapper className={wrapperClassName}>
+        {renderTopHeader()}
+        {layoutContent}
+      </Wrapper>
+    </>
+  );
+};
+
+export default AuthLayout;