Skip to content

Commit e6d3fa0

Browse files
shanerbaner82shanerbaner82
committed
Merge branch 'main' into docs-updates
2 parents 9fefd45 + 3578e27 commit e6d3fa0

31 files changed

+1469
-1780
lines changed

‎package-lock.json

Lines changed: 652 additions & 1444 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,18 +12,19 @@
1212
"@docsearch/js": "^3.9.0",
1313
"@fontsource/poppins": "^5.2.6",
1414
"@tailwindcss/forms": "^0.5.10",
15+
"@tailwindcss/postcss": "^4.1.8",
1516
"@tailwindcss/typography": "^0.5.16",
1617
"alpinejs": "^3.14.9",
17-
"autoprefixer": "^10.4.21",
1818
"axios": "^1.9.0",
19+
"gsap": "^3.13.0",
1920
"laravel-vite-plugin": "^0.7.8",
20-
"motion": "^12.10.4",
21+
"motion": "^12.16.0",
2122
"number-flow": "^0.5.7",
22-
"postcss": "^8.5.3",
23+
"postcss": "^8.5.4",
2324
"prettier": "^3.5.3",
2425
"prettier-plugin-blade": "^2.1.21",
25-
"prettier-plugin-tailwindcss": "^0.6.11",
26-
"tailwindcss": "^3.4.17",
26+
"prettier-plugin-tailwindcss": "^0.6.12",
27+
"tailwindcss": "^4.1.8",
2728
"vite": "^4.5.14"
2829
}
2930
}

‎postcss.config.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
export default {
22
plugins: {
3-
tailwindcss: {},
4-
autoprefixer: {},
3+
'@tailwindcss/postcss': {},
54
},
65
};

‎public/js/filament/forms/components/markdown-editor.js

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

‎public/js/filament/forms/components/rich-editor.js

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

‎public/js/filament/forms/components/select.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.

‎public/js/filament/support/support.js

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

‎resources/css/app.css

Lines changed: 52 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,50 @@
1-
@tailwind base;
2-
@tailwind components;
3-
@tailwind utilities;
1+
@import 'tailwindcss';
2+
3+
@plugin '@tailwindcss/typography';
4+
@plugin '@tailwindcss/forms';
5+
6+
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
7+
@source '../../storage/framework/views/*.php';
8+
@source '../../vendor/filament/**/*.blade.php';
9+
10+
@custom-variant dark (&:where(.dark, .dark *));
11+
12+
@theme {
13+
--color-mirage: #141624;
14+
--color-haiti: #16182c;
15+
--color-cloud: #2b2e53;
16+
17+
--font-poppins: 'Poppins', Verdana, sans-serif;
18+
}
19+
20+
@utility container {
21+
margin-inline: auto;
22+
}
23+
24+
@layer base {
25+
button:not(:disabled),
26+
[role='button']:not(:disabled) {
27+
cursor: pointer;
28+
}
29+
}
30+
31+
/*
32+
The default border color has changed to `currentcolor` in Tailwind CSS v4,
33+
so we've added these compatibility styles to make sure everything still
34+
looks the same as it did with Tailwind CSS v3.
35+
36+
If we ever want to remove these styles, we need to add an explicit border
37+
color utility to any element that depends on these defaults.
38+
*/
39+
@layer base {
40+
*,
41+
::after,
42+
::before,
43+
::backdrop,
44+
::file-selector-button {
45+
border-color: var(--color-gray-200, currentcolor);
46+
}
47+
}
448

549
@layer base {
650
html {
@@ -23,6 +67,11 @@
2367
}
2468
}
2569

70+
/* Prevents scrollbars from appearing when a popover is open */
71+
html:has(#mobile-menu-popover:popover-open) {
72+
overflow: hidden;
73+
}
74+
2675
/* Scrollbar width */
2776
::-webkit-scrollbar {
2877
height: 8px;

‎resources/css/docsearch.css

Lines changed: 103 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@reference "./app.css"
2+
13
:root {
24
--docsearch-container-background: rgba(0, 0, 0, 0.5);
35
--docsearch-primary-color: #987af1;
@@ -9,12 +11,12 @@
911
}
1012

1113
.DocSearch-Button {
12-
@apply m-0 flex items-center rounded-lg bg-gray-50 font-normal ring-1 ring-gray-700/40 transition duration-300 ease-out dark:bg-black/30;
14+
@apply m-0 flex items-center rounded-lg bg-gray-50 font-normal ring-1 ring-slate-600/40 transition duration-300 ease-out dark:bg-black/30;
1315
}
1416

1517
.DocSearch-Button:hover {
1618
box-shadow: none;
17-
@apply bg-gray-100 ring-gray-300 dark:bg-black/50 dark:ring-gray-700/70;
19+
@apply bg-gray-100 ring-1 ring-transparent dark:bg-slate-950 dark:ring-slate-700/70;
1820
}
1921

2022
.DocSearch-Button:hover .DocSearch-Button-Placeholder {
@@ -34,11 +36,11 @@
3436
}
3537

3638
.DocSearch-Button-Placeholder {
37-
@apply hidden pl-1 pr-1 text-sm text-black/60 min-[400px]:block min-[520px]:pr-20 dark:text-white/60;
39+
@apply px-1 text-sm text-black/60 transition duration-300 min-[520px]:pr-20 dark:text-white/60;
3840
}
3941

4042
.DocSearch-Button-Keys {
41-
@apply ml-1 mt-1 hidden min-w-[auto] text-sm leading-none min-[520px]:flex;
43+
@apply mt-1 ml-1 hidden min-w-[auto] text-sm leading-none sm:flex;
4244
}
4345

4446
.DocSearch-Button-Key {
@@ -53,12 +55,108 @@
5355
@apply text-black;
5456
}
5557

58+
.DocSearch-Modal:where(.dark, .dark *) {
59+
background-color: var(--color-slate-950);
60+
--docsearch-hit-active-color: var(--color-slate-300);
61+
}
62+
63+
.DocSearch-SearchBar .DocSearch-Form:where(.dark, .dark *) {
64+
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
65+
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
66+
color: var(--color-slate-300);
67+
}
68+
.DocSearch-SearchBar .DocSearch-Form:where(.dark, .dark *)::placeholder {
69+
color: var(--color-slate-400);
70+
}
71+
.DocSearch-SearchBar .DocSearch-Form:where(.dark, .dark *) {
72+
--tw-shadow: 0 0 #0000;
73+
box-shadow:
74+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
75+
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
76+
}
77+
.DocSearch-SearchBar .DocSearch-Form:where(.dark, .dark *):disabled {
78+
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
79+
color: var(--color-slate-400);
80+
}
81+
.DocSearch-SearchBar
82+
.DocSearch-Form:where(.dark, .dark *):disabled::placeholder,
83+
.DocSearch-SearchBar .DocSearch-MagnifierLabel {
84+
color: var(--color-slate-500);
85+
}
86+
.DocSearch-SearchBar .DocSearch-MagnifierLabel:where(.dark, .dark *) {
87+
color: var(--color-slate-300);
88+
}
89+
.DocSearch-SearchBar .DocSearch-LoadingIndicator {
90+
color: var(--color-slate-500);
91+
}
92+
.DocSearch-SearchBar .DocSearch-LoadingIndicator:where(.dark, .dark *),
93+
.DocSearch-SearchBar .DocSearch-Input:where(.dark, .dark *),
94+
.DocSearch-SearchBar .DocSearch-Cancel:where(.dark, .dark *) {
95+
color: var(--color-slate-300);
96+
}
97+
98+
.DocSearch-Dropdown .DocSearch-Hits mark:where(.dark, .dark *) {
99+
color: var(--color-slate-400);
100+
}
101+
102+
.DocSearch-Hit-source {
103+
@apply py-2.5 text-base;
104+
}
105+
106+
.DocSearch-Dropdown .DocSearch-Hit-source:where(.dark, .dark *) {
107+
background-color: var(--color-slate-950);
108+
color: var(--color-slate-300);
109+
}
110+
111+
.DocSearch-Dropdown
112+
.DocSearch-Hit[aria-selected='true']
113+
a:where(.dark, .dark *) {
114+
background-color: var(--color-indigo-800);
115+
}
116+
117+
.DocSearch-Dropdown .DocSearch-Hit a:where(.dark, .dark *) {
118+
background-color: var(--color-indigo-900);
119+
box-shadow: none;
120+
}
121+
122+
.DocSearch-Dropdown .DocSearch-Hit .DocSearch-Hit-title:where(.dark, .dark *) {
123+
color: var(--color-slate-300);
124+
}
125+
126+
.DocSearch-Dropdown
127+
.DocSearch-NoResults
128+
.DocSearch-Screen-Icon:where(.dark, .dark *) {
129+
color: var(--color-slate-500);
130+
}
131+
132+
.DocSearch-Dropdown
133+
.DocSearch-NoResults
134+
.DocSearch-Title:where(.dark, .dark *) {
135+
color: var(--color-slate-300);
136+
}
137+
138+
.DocSearch-Footer {
139+
@apply py-6;
140+
}
141+
142+
.DocSearch-Footer:where(.dark, .dark *) {
143+
background: var(--color-slate-950);
144+
box-shadow: none;
145+
@apply border-t border-t-slate-700;
146+
}
147+
148+
.DocSearch-Footer .DocSearch-Logo svg :where(.dark, .dark *) {
149+
fill: var(--color-gray-500);
150+
color: var(--color-white);
151+
background: transparent;
152+
}
153+
56154
.DocSearch-Screen-Icon {
57155
display: none;
58156
}
59157

60158
.DocSearch-Input {
61-
@apply focus-visible:outline-none;
159+
@apply ring-0 outline-0 focus-visible:outline-none;
62160
}
63161

64162
.DocSearch-Form {

‎resources/js/app.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import './fonts'
22
import './bootstrap'
33
import 'number-flow'
4+
import { gsap } from 'gsap'
45
import {
56
Livewire,
67
Alpine,
@@ -49,6 +50,9 @@ window.motion = {
4950
cubicBezier: cubicBezier,
5051
}
5152

53+
// GSAP
54+
window.gsap = gsap
55+
5256
// Alpine
5357
Alpine.data('codeBlock', codeBlock)
5458
Alpine.magic('refAll', (el) => {

0 commit comments

Comments
 (0)