@bmc-soft/keycloak-auth 2.0.6 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/ui/WebViewLogin/baseLoginTheme.d.ts.map +1 -1
  2. package/dist/ui/WebViewLogin/baseLoginTheme.js +16 -89
  3. package/dist/ui/WebViewLogin/baseLoginTheme.js.map +1 -1
  4. package/package.json +1 -1
package/dist/ui/WebViewLogin/baseLoginTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"baseLoginTheme.d.ts","sourceRoot":"","sources":["../../../src/ui/WebViewLogin/baseLoginTheme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,QAqvB5B,CAAC;AAET,eAAO,MAAM,+BAA+B,QAkKpC,CAAC"}
1
+ {"version":3,"file":"baseLoginTheme.d.ts","sourceRoot":"","sources":["../../../src/ui/WebViewLogin/baseLoginTheme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,QA4qB5B,CAAC;AAET,eAAO,MAAM,+BAA+B,QAkKpC,CAAC"}
package/dist/ui/WebViewLogin/baseLoginTheme.js CHANGED
@@ -4,43 +4,23 @@ export const KEYCLOAK_BASE_LOGIN_CSS = `
4
4
  }
5
5
 
6
6
  :root {
7
- --bg-color: #f8f9fa;
8
- --text-color: #333333;
9
- --text-secondary: #666666;
10
- --input-bg: #ffffff;
11
- --input-bg-focus: #ffffff;
12
- --input-border: #e0e0e0;
7
+ --bg-color: #26292d;
8
+ --text-color: #ffffff;
9
+ --text-secondary: #b0b4bd;
10
+ --input-bg: #1f2227;
11
+ --input-bg-focus: #252a31;
12
+ --input-border: #40454d;
13
13
  --input-border-focus: #4a90e2;
14
- --button-bg: #1a2332;
15
- --button-bg-hover: #0f1419;
16
- --link-color: #007aff;
17
- --link-hover: #0056cc;
14
+ --button-bg: #4a90e2;
15
+ --button-bg-hover: #357abd;
16
+ --link-color: #4a90e2;
17
+ --link-hover: #357abd;
18
18
  --error-text: #ffffff;
19
19
  --error-accent: #ff4f6d;
20
20
  --error-bg: #35393f;
21
21
  --error-border: rgba(255, 79, 109, 0.45);
22
22
  }
23
23
 
24
- @media (prefers-color-scheme: dark) {
25
- :root {
26
- --bg-color: #1a1a1a;
27
- --text-color: #ffffff;
28
- --text-secondary: #b0b0b0;
29
- --input-bg: #2a2a2a;
30
- --input-bg-focus: #333333;
31
- --input-border: #404040;
32
- --input-border-focus: #4a90e2;
33
- --button-bg: #4a90e2;
34
- --button-bg-hover: #357abd;
35
- --link-color: #4a90e2;
36
- --link-hover: #357abd;
37
- --error-text: #ffffff;
38
- --error-accent: #ff6b6b;
39
- --error-bg: #35393f;
40
- --error-border: rgba(255, 107, 107, 0.48);
41
- }
42
- }
43
-
44
24
  html,
45
25
  body {
46
26
  margin: 0 !important;
@@ -100,10 +80,8 @@ body,
100
80
 
101
81
  .card-pf,
102
82
  #kc-content,
103
- #kc-content-wrapper,
104
- #kc-form,
105
- #kc-form-wrapper {
106
- width: 100% !important;
83
+ #kc-content-wrapper {
84
+ width: calc(100% - 48px) !important;
107
85
  max-width: 354px !important;
108
86
  background: transparent !important;
109
87
  border: none !important;
@@ -122,6 +100,7 @@ body,
122
100
 
123
101
  #kc-form,
124
102
  #kc-form-wrapper {
103
+ width: 100% !important;
125
104
  max-width: 354px !important;
126
105
  margin-left: auto !important;
127
106
  margin-right: auto !important;
@@ -187,8 +166,8 @@ body,
187
166
  #kc-form-login .form-group {
188
167
  margin-bottom: 26px !important;
189
168
  text-align: left !important;
190
- padding-left: 20px !important;
191
- padding-right: 20px !important;
169
+ padding-left: 0 !important;
170
+ padding-right: 0 !important;
192
171
  }
193
172
 
194
173
  #kc-form-login .form-group:first-of-type {
@@ -598,15 +577,6 @@ a:hover {
598
577
  top: 13px !important;
599
578
  }
600
579
 
601
- @media (prefers-color-scheme: dark) {
602
- .alert-error,
603
- .alert-warning {
604
- background: var(--error-bg) !important;
605
- border-color: var(--error-border) !important;
606
- color: var(--error-text) !important;
607
- }
608
- }
609
-
610
580
  .mobile-keycloak-inline-error-hidden,
611
581
  .alert.mobile-keycloak-inline-error-hidden,
612
582
  .alert-error.mobile-keycloak-inline-error-hidden,
@@ -636,30 +606,6 @@ input[name="otp"][aria-invalid="true"]:focus {
636
606
  box-shadow: 0 0 0 3px rgba(255, 79, 109, 0.16) !important;
637
607
  }
638
608
 
639
- @media (prefers-color-scheme: dark) {
640
- .form-control.error,
641
- #kc-form-login input[aria-invalid="true"],
642
- #kc-form-login input[aria-invalid="true"][type="text"],
643
- #kc-form-login input[aria-invalid="true"][type="password"],
644
- #kc-otp-login-form input[aria-invalid="true"],
645
- #kc-otp-login-form input[aria-invalid="true"][type="text"],
646
- #kc-otp-login-form input[aria-invalid="true"][type="tel"],
647
- #otp[aria-invalid="true"],
648
- input[name="otp"][aria-invalid="true"] {
649
- border-color: var(--error-accent) !important;
650
- background: rgba(239, 68, 68, 0.1) !important;
651
- }
652
-
653
- .form-control.error:focus,
654
- #kc-form-login input[aria-invalid="true"]:focus,
655
- #kc-otp-login-form input[aria-invalid="true"]:focus,
656
- #otp[aria-invalid="true"]:focus,
657
- input[name="otp"][aria-invalid="true"]:focus {
658
- border-color: var(--error-accent) !important;
659
- box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18) !important;
660
- }
661
- }
662
-
663
609
  .error-message,
664
610
  .kc-feedback-text,
665
611
  .pf-c-form__helper-text.pf-m-error,
@@ -682,25 +628,6 @@ input[name="otp"][aria-invalid="true"]:focus {
682
628
  margin-top: 4px !important;
683
629
  }
684
630
 
685
- @media (prefers-color-scheme: dark) {
686
- .error-message,
687
- .kc-feedback-text,
688
- .pf-c-form__helper-text.pf-m-error,
689
- .pf-v5-c-form__helper-text.pf-m-error,
690
- .pf-c-helper-text__item.pf-m-error,
691
- .pf-v5-c-helper-text__item.pf-m-error,
692
- #kc-form-login [id^="input-error"],
693
- #kc-form-login [data-kc-feedback],
694
- #kc-form-login [aria-live="polite"][id*="error"],
695
- #kc-form-login [aria-live="polite"].kc-feedback-text,
696
- #kc-otp-login-form [id^="input-error"],
697
- #kc-otp-login-form [data-kc-feedback],
698
- #kc-otp-login-form [aria-live="polite"][id*="error"],
699
- #kc-otp-login-form [aria-live="polite"].kc-feedback-text {
700
- display: none !important;
701
- }
702
- }
703
-
704
631
  @media (max-width: 480px) {
705
632
  .login-pf-page {
706
633
  padding: 188px 24px 28px !important;
@@ -765,7 +692,7 @@ export const KEYCLOAK_BASE_LOGIN_INJECTED_JS = `
765
692
  var bootStyle = document.createElement('style');
766
693
  bootStyle.id = 'mobile-keycloak-theme-boot';
767
694
  bootStyle.textContent = [
768
- 'html.mobile-keycloak-login, html.mobile-keycloak-login body { background: #f8f9fa !important; }',
695
+ 'html.mobile-keycloak-login, html.mobile-keycloak-login body { background: #26292d !important; }',
769
696
  'html.mobile-keycloak-login:not(.mobile-keycloak-login-ready) body { opacity: 0 !important; }',
770
697
  'html.mobile-keycloak-login.mobile-keycloak-login-ready body { opacity: 1 !important; }'
771
698
  ].join(' ');
package/dist/ui/WebViewLogin/baseLoginTheme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"baseLoginTheme.js","sourceRoot":"","sources":["../../../src/ui/WebViewLogin/baseLoginTheme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqvBtC,CAAC,IAAI,EAAE,CAAC;AAET,MAAM,CAAC,MAAM,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;wBAkBvB,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJ9D,CAAC,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"baseLoginTheme.js","sourceRoot":"","sources":["../../../src/ui/WebViewLogin/baseLoginTheme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4qBtC,CAAC,IAAI,EAAE,CAAC;AAET,MAAM,CAAC,MAAM,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;wBAkBvB,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJ9D,CAAC,IAAI,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bmc-soft/keycloak-auth",
3
- "version": "2.0.6",
3
+ "version": "2.0.7",
4
4
  "description": "Production-ready Keycloak authentication package for React Native with optimized performance and security",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",