Skip to content

Commit 6d946d9

Browse files
officialmeritinfosofficialmeritinfos
committed
chore:completed styling
1 parent 6ceeb15 commit 6d946d9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+3155
-301
lines changed

‎config/authkit.php‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -501,7 +501,7 @@
501501
'inputmode' => 'email',
502502
'attributes' => [],
503503
'wrapper' => [
504-
'style' => 'margin-bottom:12px;',
504+
'class' => 'authkit-field',
505505
],
506506
],
507507
'password' => [
@@ -511,7 +511,7 @@
511511
'autocomplete' => 'current-password',
512512
'attributes' => [],
513513
'wrapper' => [
514-
'style' => 'margin-bottom:12px;',
514+
'class' => 'authkit-field',
515515
],
516516
],
517517
'remember' => [
@@ -520,7 +520,7 @@
520520
'checked' => true,
521521
'attributes' => [],
522522
'wrapper' => [
523-
'style' => 'margin-bottom:16px;',
523+
'class' => 'authkit-field authkit-field--checkbox',
524524
],
525525
],
526526
],
@@ -554,7 +554,7 @@
554554
'autocomplete' => 'name',
555555
'attributes' => [],
556556
'wrapper' => [
557-
'style' => 'margin-bottom:12px;',
557+
'class' => 'authkit-field',
558558
],
559559
],
560560
'email' => [
@@ -566,7 +566,7 @@
566566
'inputmode' => 'email',
567567
'attributes' => [],
568568
'wrapper' => [
569-
'style' => 'margin-bottom:12px;',
569+
'class' => 'authkit-field',
570570
],
571571
],
572572
'password' => [
@@ -576,7 +576,7 @@
576576
'autocomplete' => 'new-password',
577577
'attributes' => [],
578578
'wrapper' => [
579-
'style' => 'margin-bottom:12px;',
579+
'class' => 'authkit-field',
580580
],
581581
],
582582
'password_confirmation' => [
@@ -586,7 +586,7 @@
586586
'autocomplete' => 'new-password',
587587
'attributes' => [],
588588
'wrapper' => [
589-
'style' => 'margin-bottom:16px;',
589+
'class' => 'authkit-field',
590590
],
591591
],
592592
],
@@ -626,7 +626,7 @@
626626
'inputmode' => 'numeric',
627627
'attributes' => [],
628628
'wrapper' => [
629-
'style' => 'margin-bottom:12px;',
629+
'class' => 'authkit-field',
630630
],
631631
],
632632
],
@@ -690,7 +690,7 @@
690690
'autocomplete' => 'one-time-code',
691691
'attributes' => [],
692692
'wrapper' => [
693-
'style' => 'margin-bottom:12px;',
693+
'class' => 'authkit-field',
694694
],
695695
],
696696
'remember' => [
@@ -699,7 +699,7 @@
699699
'checked' => false,
700700
'attributes' => [],
701701
'wrapper' => [
702-
'style' => 'margin-bottom:16px;',
702+
'class' => 'authkit-field authkit-field--checkbox',
703703
],
704704
],
705705
],
@@ -737,7 +737,7 @@
737737
'inputmode' => 'numeric',
738738
'attributes' => [],
739739
'wrapper' => [
740-
'style' => 'margin-top:12px;',
740+
'class' => 'authkit-field authkit-field--offset',
741741
],
742742
],
743743
],
@@ -858,7 +858,7 @@
858858
'autocomplete' => 'new-password',
859859
'attributes' => [],
860860
'wrapper' => [
861-
'style' => null,
861+
'class' => 'authkit-field',
862862
],
863863
],
864864
'password_confirmation' => [
@@ -868,7 +868,7 @@
868868
'autocomplete' => 'new-password',
869869
'attributes' => [],
870870
'wrapper' => [
871-
'style' => 'margin-top:12px;',
871+
'class' => 'authkit-field',
872872
],
873873
],
874874
],
@@ -907,7 +907,7 @@
907907
'inputmode' => 'numeric',
908908
'attributes' => [],
909909
'wrapper' => [
910-
'style' => null,
910+
'class' => 'authkit-field',
911911
],
912912
],
913913
'password' => [
@@ -917,7 +917,7 @@
917917
'autocomplete' => 'new-password',
918918
'attributes' => [],
919919
'wrapper' => [
920-
'style' => 'margin-top:12px;',
920+
'class' => 'authkit-field',
921921
],
922922
],
923923
'password_confirmation' => [
@@ -927,7 +927,7 @@
927927
'autocomplete' => 'new-password',
928928
'attributes' => [],
929929
'wrapper' => [
930-
'style' => 'margin-top:12px;',
930+
'class' => 'authkit-field',
931931
],
932932
],
933933
],

‎dist/css/themes/bootstrap-forest.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/themes/bootstrap-red-beige.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/themes/tailwind-forest.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/themes/tailwind-red-beige.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/authkit.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,6 @@
1212
"docs:build": "vitepress build docs",
1313
"docs:preview": "vitepress preview docs",
1414
"test": "vitest",
15-
"build:js": "vite build",
16-
"build:css": "node scripts/copy-themes.mjs",
17-
"build": "npm run build:js && npm run build:css"
15+
"build": "vite build"
1816
}
1917
}

‎resources/css/authkit/authkit.css‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
/**
2+
* AuthKit
3+
* -----------------------------------------------------------------------------
4+
* File: resources/css/authkit/authkit.css
5+
* Author: Michael Erastus
6+
*
7+
* Description:
8+
* -----------------------------------------------------------------------------
9+
* Shared base stylesheet entry for AuthKit.
10+
*
11+
* This file imports the complete base layer used by every AuthKit build.
12+
*
13+
* Composition order:
14+
* - design tokens
15+
* - reset
16+
* - layout
17+
* - utilities
18+
* - base components
19+
*
20+
* Notes:
21+
* -----------------------------------------------------------------------------
22+
* - This file does not include an engine or theme directly.
23+
* - Engine/theme-specific builds should import this file first, then their
24+
* selected engine and theme files.
25+
*/
26+
27+
@import "./base/tokens.css";
28+
@import "./base/reset.css";
29+
@import "./base/layout.css";
30+
@import "./base/utilities.css";
31+
32+
@import "./base/components/page.css";
33+
@import "./base/components/container.css";
34+
@import "./base/components/card.css";
35+
@import "./base/components/alert.css";
36+
@import "./base/components/divider.css";
37+
@import "./base/components/button.css";
38+
@import "./base/components/link.css";
39+
@import "./base/components/auth-header.css";
40+
@import "./base/components/auth-footer.css";
41+
@import "./base/components/field.css";
42+
@import "./base/components/label.css";
43+
@import "./base/components/input.css";
44+
@import "./base/components/textarea.css";
45+
@import "./base/components/select.css";
46+
@import "./base/components/checkbox.css";
47+
@import "./base/components/otp.css";
48+
@import "./base/components/help.css";
49+
@import "./base/components/error.css";
50+
@import "./base/components/errors.css";
51+
@import "./base/components/theme-toggle.css";

‎resources/css/authkit/base/components/alert.css‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
/**
2+
* AuthKit
3+
* -----------------------------------------------------------------------------
4+
* File: resources/css/authkit/base/components/alert.css
5+
* Author: Michael Erastus
6+
*
7+
* Description:
8+
* -----------------------------------------------------------------------------
9+
* Alert component styles used for status, info, success, warning,
10+
* and error feedback messages.
11+
*
12+
* Supported variants:
13+
* - .authkit-alert--default
14+
* - .authkit-alert--success
15+
* - .authkit-alert--info
16+
* - .authkit-alert--warning
17+
* - .authkit-alert--danger
18+
* - .authkit-alert--error
19+
*
20+
* Notes:
21+
* -----------------------------------------------------------------------------
22+
* - The "error" variant is treated as an alias of "danger".
23+
* - Base styles remain intentionally lightweight.
24+
* - Engine and theme layers may further refine colors and emphasis.
25+
*/
26+
27+
.authkit-alert {
28+
margin-bottom: var(--authkit-space-4);
29+
padding: var(--authkit-space-4);
30+
31+
border: var(--authkit-border-width) solid var(--authkit-color-border);
32+
border-radius: var(--authkit-radius-md);
33+
34+
background-color: var(--authkit-color-surface-alt);
35+
color: var(--authkit-color-text);
36+
37+
font-size: var(--authkit-font-size-sm);
38+
line-height: var(--authkit-line-height-relaxed);
39+
}
40+
41+
.authkit-alert--default {
42+
border-color: var(--authkit-color-border);
43+
}
44+
45+
.authkit-alert--success {
46+
border-color: var(--authkit-color-success);
47+
color: var(--authkit-color-success);
48+
}
49+
50+
.authkit-alert--info {
51+
border-color: var(--authkit-color-primary);
52+
color: var(--authkit-color-primary);
53+
}
54+
55+
.authkit-alert--warning {
56+
border-color: var(--authkit-color-warning);
57+
color: var(--authkit-color-warning);
58+
}
59+
60+
.authkit-alert--danger,
61+
.authkit-alert--error {
62+
border-color: var(--authkit-color-danger);
63+
color: var(--authkit-color-danger);
64+
}

‎resources/css/authkit/base/components/auth-footer.css‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
/**
2+
* AuthKit
3+
* -----------------------------------------------------------------------------
4+
* File: resources/css/authkit/base/components/auth-footer.css
5+
* Author: Michael Erastus
6+
*
7+
* Description:
8+
* -----------------------------------------------------------------------------
9+
* Authentication page footer component styles.
10+
*
11+
* The auth footer is used for secondary navigation and contextual actions
12+
* beneath forms and dividers.
13+
*
14+
* Examples:
15+
* - Already have an account? Login
16+
* - Back to login
17+
* - Use a recovery code
18+
*/
19+
20+
.authkit-auth-footer {
21+
display: flex;
22+
flex-wrap: wrap;
23+
align-items: center;
24+
justify-content: center;
25+
gap: var(--authkit-space-2);
26+
27+
color: var(--authkit-color-text-muted);
28+
font-size: var(--authkit-font-size-sm);
29+
line-height: var(--authkit-line-height-relaxed);
30+
text-align: center;
31+
}

0 commit comments

Comments
 (0)