128848

apps/app/src/components/Admin/App/AppSetting.jsx

@@ -145,7 +145,7 @@ const AppSetting = (props) => {
           {/* {t('admin:app_setting.file_uploading')} */}
         </label>
         <div className="col-md-6">
-          <div className="form-check custom-checkbox-info">
+          <div className="form-check form-check-info">
             <input
               type="checkbox"
               id="cbFileUpload"

apps/app/src/components/Admin/App/QuestionnaireSettings.tsx

@@ -72,7 +72,7 @@ const QuestionnaireSettings = (): JSX.Element => {
       {!isLoading && (
         <>
           <div className="row my-3">
-            <div className="form-check form-switch custom-checkbox-info col-md-5 offset-md-5">
+            <div className="form-check form-switch form-check-info col-md-5 offset-md-5">
               <input
                 type="checkbox"
                 className="form-check-input"
@@ -87,7 +87,7 @@ const QuestionnaireSettings = (): JSX.Element => {
           </div>
 
           <div className="row my-4">
-            <div className="form-check custom-checkbox-info col-md-5 offset-md-5">
+            <div className="form-check form-check-info col-md-5 offset-md-5">
               <input
                 type="checkbox"
                 className="form-check-input"

apps/app/src/components/Admin/Customize/CustomizeFunctionOption.tsx

@@ -16,7 +16,7 @@ const CustomizeFunctionOption = (props: Props): JSX.Element => {
 
   return (
     <React.Fragment>
-      <div className="form-check custom-checkbox-success">
+      <div className="form-check form-check-success">
         <input
           className="form-check-input"
           type="checkbox"

apps/app/src/components/Admin/ExportArchiveData/SelectCollectionsModal.tsx

@@ -107,7 +107,7 @@ const SelectCollectionsModal = (props: Props): JSX.Element => {
   }, [selectedCollections, t]);
 
   const renderCheckboxes = useCallback((collectionNames, color?) => {
-    const checkboxColor = color ? `form-check-${color}` : 'custom-checkbox-info';
+    const checkboxColor = color ? `form-check-${color}` : 'form-check-info';
 
     return (
       <div className={`form-check ${checkboxColor}`}>

apps/app/src/components/Admin/ImportData/GrowiArchive/ImportCollectionItem.jsx

@@ -81,7 +81,7 @@ export default class ImportCollectionItem extends React.Component {
     } = this.props;
 
     return (
-      <div className="form-check custom-checkbox-info my-0">
+      <div className="form-check form-check-info my-0">
         <input
           type="checkbox"
           id={collectionName}

apps/app/src/components/Admin/LegacySlackIntegration/SlackConfiguration.jsx

@@ -78,7 +78,7 @@ class SlackConfiguration extends React.Component {
 
             <div className="row mb-3">
               <div className="offset-md-3 col-md-6 text-left">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     type="checkbox"
                     className="form-check-input"

apps/app/src/components/Admin/MarkdownSetting/IndentForm.tsx

@@ -74,7 +74,7 @@ const IndentForm = (props: Props) => {
 
     return (
       <div className="col">
-        <div className="form-check custom-checkbox-success">
+        <div className="form-check form-check-success">
           <input
             type="checkbox"
             className="form-check-input"

apps/app/src/components/Admin/MarkdownSetting/LineBreakForm.jsx

@@ -43,7 +43,7 @@ class LineBreakForm extends React.Component {
 
     return (
       <div className="col">
-        <div className="form-check custom-checkbox-success">
+        <div className="form-check form-check-success">
           <input
             type="checkbox"
             className="form-check-input"
@@ -68,7 +68,7 @@ class LineBreakForm extends React.Component {
 
     return (
       <div className="col">
-        <div className="form-check custom-checkbox-success">
+        <div className="form-check form-check-success">
           <input
             type="checkbox"
             className="form-check-input"

apps/app/src/components/Admin/MarkdownSetting/XssForm.jsx

@@ -120,7 +120,7 @@ class XssForm extends React.Component {
         <fieldset className="col-12">
           <div className="form-group">
             <div className="col-8 offset-4 my-3">
-              <div className="form-check form-switch custom-checkbox-success">
+              <div className="form-check form-switch form-check-success">
                 <input
                   type="checkbox"
                   className="form-check-input"

apps/app/src/components/Admin/Notification/GlobalNotification.jsx

@@ -42,7 +42,7 @@ const GlobalNotification = (props) => {
       </p>
       <div className="row mb-4">
         <div className="col-md-8 offset-md-2">
-          <div className="form-check custom-checkbox-success">
+          <div className="form-check form-check-success">
             <input
               id="isNotificationForOwnerPageEnabled"
               className="form-check-input"
@@ -60,7 +60,7 @@ const GlobalNotification = (props) => {
 
       <div className="row mb-4">
         <div className="col-md-8 offset-md-2">
-          <div className="form-check custom-checkbox-success">
+          <div className="form-check form-check-success">
             <input
               id="isNotificationForGroupPageEnabled"
               className="form-check-input"

apps/app/src/components/Admin/Notification/GlobalNotificationList.jsx

@@ -80,7 +80,7 @@ class GlobalNotificationList extends React.Component {
           return (
             <tr key={notification._id}>
               <td className="align-middle td-abs-center">
-                <div className="form-check form-switch custom-checkbox-success">
+                <div className="form-check form-switch form-check-success">
                   <input
                     type="checkbox"
                     className="form-check-input"

apps/app/src/components/Admin/Security/GitHubSecuritySettingContents.jsx

@@ -58,7 +58,7 @@ class GitHubSecurityManagementContents extends React.Component {
 
         <div className="form-group row">
           <div className="col-6 offset-3">
-            <div className="form-check form-switch custom-checkbox-success">
+            <div className="form-check form-switch form-check-success">
               <input
                 id="isGitHubEnabled"
                 className="form-check-input"
@@ -137,7 +137,7 @@ class GitHubSecurityManagementContents extends React.Component {
 
             <div className="row mb-5">
               <div className="offset-3 col-6 text-left">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     id="bindByUserNameGitHub"
                     className="form-check-input"

apps/app/src/components/Admin/Security/GoogleSecuritySettingContents.jsx

@@ -56,7 +56,7 @@ class GoogleSecurityManagementContents extends React.Component {
 
         <div className="form-group row">
           <div className="col-6 offset-3">
-            <div className="form-check form-switch custom-checkbox-success">
+            <div className="form-check form-switch form-check-success">
               <input
                 id="isGoogleEnabled"
                 className="form-check-input"
@@ -135,7 +135,7 @@ class GoogleSecurityManagementContents extends React.Component {
 
             <div className="row mb-5">
               <div className="offset-3 col-6">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     id="bindByUserNameGoogle"
                     className="form-check-input"

apps/app/src/components/Admin/Security/LdapSecuritySettingContents.jsx

@@ -60,7 +60,7 @@ class LdapSecuritySettingContents extends React.Component {
 
         <div className="form-group row">
           <div className="col-6 offset-3">
-            <div className="form-check form-switch custom-checkbox-success">
+            <div className="form-check form-switch form-check-success">
               <input
                 id="isLdapEnabled"
                 className="form-check-input"
@@ -260,7 +260,7 @@ class LdapSecuritySettingContents extends React.Component {
 
             <div className="form-group row">
               <div className="offset-md-3 col-md-6">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     type="checkbox"
                     className="form-check-input"

apps/app/src/components/Admin/Security/LocalSecuritySettingContents.jsx

@@ -64,7 +64,7 @@ class LocalSecuritySettingContents extends React.Component {
 
         <div className="row mb-5">
           <div className="col-6 offset-3">
-            <div className="form-check form-switch custom-checkbox-success">
+            <div className="form-check form-switch form-check-success">
               <input
                 type="checkbox"
                 className="form-check-input"
@@ -165,7 +165,7 @@ class LocalSecuritySettingContents extends React.Component {
             <div className="row">
               <label className="col-12 col-md-3 text-left text-md-right  col-form-label">{t('security_settings.Local.password_reset_by_users')}</label>
               <div className="col-12 col-md-6">
-                <div className="form-check form-switch custom-checkbox-success">
+                <div className="form-check form-switch form-check-success">
                   <input
                     type="checkbox"
                     className="form-check-input"
@@ -194,7 +194,7 @@ class LocalSecuritySettingContents extends React.Component {
             <div className="row">
               <label className="col-12 col-md-3 text-left text-md-right  col-form-label">{t('security_settings.Local.email_authentication')}</label>
               <div className="col-12 col-md-6">
-                <div className="form-check form-switch custom-checkbox-success">
+                <div className="form-check form-switch form-check-success">
                   <input
                     type="checkbox"
                     className="form-check-input"

apps/app/src/components/Admin/Security/OidcSecuritySettingContents.jsx

@@ -50,7 +50,7 @@ class OidcSecurityManagementContents extends React.Component {
 
         <div className="row mb-5 form-group">
           <div className="offset-3 col-6">
-            <div className="form-check form-switch custom-checkbox-success">
+            <div className="form-check form-switch form-check-success">
               <input
                 id="isOidcEnabled"
                 className="form-check-input"
@@ -387,7 +387,7 @@ class OidcSecurityManagementContents extends React.Component {
 
             <div className="row mb-5 form-group">
               <div className="offset-md-3 col-md-6">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     id="bindByUserName-oidc"
                     className="form-check-input"
@@ -409,7 +409,7 @@ class OidcSecurityManagementContents extends React.Component {
 
             <div className="row mb-5 form-group">
               <div className="offset-md-3 col-md-6">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     id="bindByEmail-oidc"
                     className="form-check-input"

apps/app/src/components/Admin/Security/SamlSecuritySettingContents.jsx

@@ -66,7 +66,7 @@ class SamlSecurityManagementContents extends React.Component {
 
         <div className="row form-group mb-5">
           <div className="col-6 offset-3">
-            <div className="form-check form-switch custom-checkbox-success">
+            <div className="form-check form-switch form-check-success">
               <input
                 id="isSamlEnabled"
                 className="form-check-input"
@@ -392,7 +392,7 @@ pWVdnzS1VCO8fKsJ7YYIr+JmHvseph3kFUOI5RqkCcMZlKUv83aUThsTHw==
 
             <div className="row form-group mb-5">
               <div className="offset-md-3 col-md-6 text-left">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     id="bindByUserName-SAML"
                     className="form-check-input"
@@ -414,7 +414,7 @@ pWVdnzS1VCO8fKsJ7YYIr+JmHvseph3kFUOI5RqkCcMZlKUv83aUThsTHw==
 
             <div className="row form-group mb-5">
               <div className="offset-md-3 col-md-6 text-left">
-                <div className="form-check custom-checkbox-success">
+                <div className="form-check form-check-success">
                   <input
                     id="bindByEmail-SAML"
                     className="form-check-input"

apps/app/src/components/Admin/Security/SecuritySetting.jsx

@@ -356,7 +356,7 @@ class SecuritySetting extends React.Component {
               <tr>
                 <th scope="row">{ t('only_me') }</th>
                 <td>
-                  <div className="form-check form-switch custom-checkbox-success">
+                  <div className="form-check form-switch form-check-success">
                     <input
                       type="checkbox"
                       className="form-check-input"
@@ -373,7 +373,7 @@ class SecuritySetting extends React.Component {
               <tr>
                 <th scope="row">{ t('only_inside_the_group') }</th>
                 <td>
-                  <div className="form-check form-switch custom-checkbox-success">
+                  <div className="form-check form-switch form-check-success">
                     <input
                       type="checkbox"
                       className="form-check-input"
@@ -456,7 +456,7 @@ class SecuritySetting extends React.Component {
         <h4>{t('security_settings.user_homepage_deletion.user_homepage_deletion')}</h4>
         <div className="row mb-4">
           <div className="col-6 offset-3">
-            <div className="form-check form-switch custom-checkbox-success">
+            <div className="form-check form-switch form-check-success">
               <input
                 type="checkbox"
                 className="form-check-input"

apps/app/src/components/Admin/Security/ShareLinkSetting.tsx

@@ -116,7 +116,7 @@ const ShareLinkSetting = (props: ShareLinkSettingProps) => {
       <h4>{t('security_settings.share_link_rights')}</h4>
       <div className="row mb-5">
         <div className="col-6 offset-3">
-          <div className="form-check form-switch custom-checkbox-success">
+          <div className="form-check form-switch form-check-success">
             <input
               type="checkbox"
               className="form-check-input"

apps/app/src/components/Admin/UserGroupDetail/CheckBoxForSerchUserOption.jsx

@@ -9,7 +9,7 @@ class CheckBoxForSerchUserOption extends React.Component {
   render() {
     const { t, option } = this.props;
     return (
-      <div className="form-check custom-checkbox-info" key={`isAlso${option}Searched`}>
+      <div className="form-check form-check-info" key={`isAlso${option}Searched`}>
         <input
           type="checkbox"
           id={`isAlso${option}Searched`}

apps/app/src/components/Admin/Users/UserInviteModal.jsx

@@ -105,7 +105,7 @@ class UserInviteModal extends React.Component {
 
     return (
       <>
-        <div className="col text-left form-check custom-checkbox-info text-left" onChange={this.handleCheckBox}>
+        <div className="col text-left form-check form-check-info text-left" onChange={this.handleCheckBox}>
           <input
             type="checkbox"
             id="sendEmail"

apps/app/src/components/Me/InAppNotificationSettings.tsx

@@ -74,7 +74,7 @@ const InAppNotificationSettings: FC = () => {
           {subscribeRulesMenuItems.map(rule => (
             <div
               key={rule.name}
-              className="form-check form-switch custom-checkbox-success"
+              className="form-check form-switch form-check-success"
             >
               <input
                 type="checkbox"

apps/app/src/components/PageDeleteModal.tsx

@@ -201,7 +201,7 @@ const PageDeleteModal: FC = () => {
 
   function renderDeleteCompletelyForm() {
     return (
-      <div className="form-check custom-checkbox-danger">
+      <div className="form-check form-check-danger">
         <input
           className="form-check-input"
           name="completely"

apps/app/src/components/PageEditor/LinkEditModal.tsx

@@ -301,7 +301,7 @@ export const LinkEditModal = (): JSX.Element => {
           <div className="form-group mb-0 row">
             <label className="col-sm-3">{t('link_edit.path_format')}</label>
             <div className="col-sm-9">
-              <div className="form-check custom-checkbox-info form-check-inline">
+              <div className="form-check form-check-info form-check-inline">
                 <input
                   className="form-check-input"
                   id="relativePath"
@@ -314,7 +314,7 @@ export const LinkEditModal = (): JSX.Element => {
                   {t('link_edit.use_relative_path')}
                 </label>
               </div>
-              <div className="form-check custom-checkbox-info form-check-inline">
+              <div className="form-check form-check-info form-check-inline">
                 <input
                   className="form-check-input"
                   id="permanentLink"

apps/app/src/components/PageRenameModal.tsx

@@ -292,7 +292,7 @@ const PageRenameModal = (): JSX.Element => {
           </button>
         </p>
         <Collapse isOpen={expandOtherOptions}>
-          <div className="form-check custom-checkbox-success">
+          <div className="form-check form-check-success">
             <input
               className="form-check-input"
               name="create_redirect"
@@ -307,7 +307,7 @@ const PageRenameModal = (): JSX.Element => {
             </label>
           </div>
 
-          <div className="form-check custom-checkbox-success">
+          <div className="form-check form-check-success">
             <input
               className="form-check-input"
               name="remain_metadata"