2023-03-21 05:27:31 +01:00
|
|
|
import { createUseClassName } from "keycloakify/lib/useGetClassName";
|
|
|
|
|
import type { ClassKey } from "keycloakify/login/TemplateProps";
|
|
|
|
|
|
|
|
|
|
export const { useGetClassName } = createUseClassName<ClassKey>({
|
|
|
|
|
"defaultClasses": {
|
2023-09-22 15:51:18 +02:00
|
|
|
"kcBodyClass": undefined,
|
2023-03-21 05:27:31 +01:00
|
|
|
"kcHtmlClass": "login-pf",
|
|
|
|
|
"kcLoginClass": "login-pf-page",
|
|
|
|
|
"kcContentWrapperClass": "row",
|
|
|
|
|
"kcHeaderClass": "login-pf-page-header",
|
|
|
|
|
"kcHeaderWrapperClass": undefined,
|
|
|
|
|
"kcFormCardClass": "card-pf",
|
|
|
|
|
"kcFormCardAccountClass": "login-pf-accounts",
|
|
|
|
|
"kcFormSocialAccountClass": "login-pf-social-section",
|
|
|
|
|
"kcFormSocialAccountContentClass": "col-xs-12 col-sm-6",
|
|
|
|
|
"kcFormHeaderClass": "login-pf-header",
|
|
|
|
|
"kcLocaleWrapperClass": undefined,
|
|
|
|
|
"kcFeedbackErrorIcon": "pficon pficon-error-circle-o",
|
|
|
|
|
"kcFeedbackWarningIcon": "pficon pficon-warning-triangle-o",
|
|
|
|
|
"kcFeedbackSuccessIcon": "pficon pficon-ok",
|
|
|
|
|
"kcFeedbackInfoIcon": "pficon pficon-info",
|
|
|
|
|
"kcResetFlowIcon": "pficon pficon-arrow fa-2x",
|
|
|
|
|
"kcFormGroupClass": "form-group",
|
|
|
|
|
"kcLabelWrapperClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
|
|
|
|
|
"kcSignUpClass": "login-pf-signup",
|
|
|
|
|
"kcInfoAreaWrapperClass": undefined,
|
|
|
|
|
|
|
|
|
|
"kcLogoClass": "login-pf-brand",
|
|
|
|
|
"kcContainerClass": "container-fluid",
|
|
|
|
|
"kcContentClass": "col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3",
|
|
|
|
|
"kcFeedbackAreaClass": "col-md-12",
|
|
|
|
|
"kcLocaleClass": "col-xs-12 col-sm-1",
|
|
|
|
|
"kcAlertIconClasserror": "pficon pficon-error-circle-o",
|
|
|
|
|
|
|
|
|
|
"kcFormAreaClass": "col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2",
|
|
|
|
|
"kcFormSocialAccountListClass": "login-pf-social list-unstyled login-pf-social-all",
|
|
|
|
|
"kcFormSocialAccountDoubleListClass": "login-pf-social-double-col",
|
|
|
|
|
"kcFormSocialAccountListLinkClass": "login-pf-social-link",
|
|
|
|
|
"kcWebAuthnKeyIcon": "pficon pficon-key",
|
|
|
|
|
"kcWebAuthnDefaultIcon": "pficon pficon-key",
|
|
|
|
|
|
|
|
|
|
"kcFormClass": "form-horizontal",
|
|
|
|
|
"kcFormGroupErrorClass": "has-error",
|
|
|
|
|
"kcLabelClass": "control-label",
|
|
|
|
|
"kcInputClass": "form-control",
|
|
|
|
|
"kcInputErrorMessageClass": "pf-c-form__helper-text pf-m-error required kc-feedback-text",
|
|
|
|
|
"kcInputWrapperClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
|
2023-11-03 16:06:46 -04:00
|
|
|
"kcFormButtonsWrapperClass": undefined,
|
2023-03-21 05:27:31 +01:00
|
|
|
"kcFormOptionsClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
|
|
|
|
|
"kcFormButtonsClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
|
|
|
|
|
"kcFormSettingClass": "login-pf-settings",
|
|
|
|
|
"kcTextareaClass": "form-control",
|
|
|
|
|
|
|
|
|
|
"kcInfoAreaClass": "col-xs-12 col-sm-4 col-md-4 col-lg-5 details",
|
|
|
|
|
|
|
|
|
|
// user-profile grouping
|
|
|
|
|
"kcFormGroupHeader": "pf-c-form__group",
|
|
|
|
|
|
|
|
|
|
// css classes for form buttons main class used for all buttons
|
|
|
|
|
"kcButtonClass": "btn",
|
|
|
|
|
// classes defining priority of the button - primary or default (there is typically only one priority button for the form)
|
|
|
|
|
"kcButtonPrimaryClass": "btn-primary",
|
|
|
|
|
"kcButtonDefaultClass": "btn-default",
|
|
|
|
|
// classes defining size of the button
|
|
|
|
|
"kcButtonLargeClass": "btn-lg",
|
|
|
|
|
"kcButtonBlockClass": "btn-block",
|
|
|
|
|
|
|
|
|
|
// css classes for input
|
|
|
|
|
"kcInputLargeClass": "input-lg",
|
2024-01-18 17:28:28 +01:00
|
|
|
"kcInputGroup": "pf-c-input-group",
|
2023-03-21 05:27:31 +01:00
|
|
|
|
|
|
|
|
// css classes for form accessability
|
|
|
|
|
"kcSrOnlyClass": "sr-only",
|
|
|
|
|
|
|
|
|
|
// css classes for select-authenticator form
|
|
|
|
|
"kcSelectAuthListClass": "list-group list-view-pf",
|
|
|
|
|
"kcSelectAuthListItemClass": "list-group-item list-view-pf-stacked",
|
|
|
|
|
"kcSelectAuthListItemFillClass": "pf-l-split__item pf-m-fill",
|
|
|
|
|
"kcSelectAuthListItemIconPropertyClass": "fa-2x select-auth-box-icon-properties",
|
|
|
|
|
"kcSelectAuthListItemIconClass": "pf-l-split__item select-auth-box-icon",
|
|
|
|
|
"kcSelectAuthListItemTitle": "select-auth-box-paragraph",
|
|
|
|
|
"kcSelectAuthListItemInfoClass": "list-view-pf-main-info",
|
|
|
|
|
"kcSelectAuthListItemLeftClass": "list-view-pf-left",
|
|
|
|
|
"kcSelectAuthListItemBodyClass": "list-view-pf-body",
|
|
|
|
|
"kcSelectAuthListItemDescriptionClass": "list-view-pf-description",
|
|
|
|
|
"kcSelectAuthListItemHeadingClass": "list-group-item-heading",
|
|
|
|
|
"kcSelectAuthListItemHelpTextClass": "list-group-item-text",
|
|
|
|
|
|
|
|
|
|
// css classes for the authenticators
|
|
|
|
|
"kcAuthenticatorDefaultClass": "fa list-view-pf-icon-lg",
|
|
|
|
|
"kcAuthenticatorPasswordClass": "fa fa-unlock list-view-pf-icon-lg",
|
|
|
|
|
"kcAuthenticatorOTPClass": "fa fa-mobile list-view-pf-icon-lg",
|
|
|
|
|
"kcAuthenticatorWebAuthnClass": "fa fa-key list-view-pf-icon-lg",
|
|
|
|
|
"kcAuthenticatorWebAuthnPasswordlessClass": "fa fa-key list-view-pf-icon-lg",
|
|
|
|
|
|
|
|
|
|
//css classes for the OTP Login Form
|
2024-02-06 07:59:21 +01:00
|
|
|
"kcSelectOTPListClass": "card-pf card-pf-view card-pf-view-select card-pf-view-single-select col-xs-12",
|
2023-03-21 05:27:31 +01:00
|
|
|
"kcSelectOTPListItemClass": "card-pf-body card-pf-top-element",
|
|
|
|
|
"kcAuthenticatorOtpCircleClass": "fa fa-mobile card-pf-icon-circle",
|
|
|
|
|
"kcSelectOTPItemHeadingClass": "card-pf-title text-center",
|
|
|
|
|
"kcFormOptionsWrapperClass": undefined
|
|
|
|
|
}
|
|
|
|
|
});
|
