@seekora-ai/docsearch-css 1.0.0

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/index.css +715 -0
  2. package/dist/index.min.css +1 -0
  3. package/dist/variables.css +126 -0
  4. package/package.json +42 -0
package/dist/index.css ADDED
@@ -0,0 +1,715 @@
1
+ /**
2
+ * Seekora DocSearch CSS
3
+ *
4
+ * Complete stylesheet for the Seekora DocSearch component.
5
+ * Import this file to get all styles, or import individual files for more control.
6
+ *
7
+ * Usage:
8
+ * import '@seekora/docsearch-css';
9
+ * // or
10
+ * import '@seekora/docsearch-css/dist/index.css';
11
+ *
12
+ * For customization, override CSS variables:
13
+ * :root {
14
+ * --seekora-docsearch-primary: #your-color;
15
+ * }
16
+ */
17
+
18
+ /**
19
+ * Seekora DocSearch CSS Variables
20
+ *
21
+ * Override these variables to customize the appearance.
22
+ * Dark mode is automatically applied with [data-theme="dark"] or prefers-color-scheme.
23
+ */
24
+
25
+ :root {
26
+ /* Colors - Light Mode */
27
+ --seekora-docsearch-primary: #5468ff;
28
+ --seekora-docsearch-primary-hover: #4458e8;
29
+ --seekora-docsearch-text: #1a1a1a;
30
+ --seekora-docsearch-text-muted: #6b7280;
31
+ --seekora-docsearch-text-secondary: #9ca3af;
32
+ --seekora-docsearch-background: #ffffff;
33
+ --seekora-docsearch-background-secondary: #f9fafb;
34
+ --seekora-docsearch-border: #e5e7eb;
35
+ --seekora-docsearch-border-light: #f3f4f6;
36
+ --seekora-docsearch-shadow: rgba(0, 0, 0, 0.1);
37
+ --seekora-docsearch-shadow-strong: rgba(0, 0, 0, 0.2);
38
+ --seekora-docsearch-overlay: rgba(0, 0, 0, 0.4);
39
+ --seekora-docsearch-highlight-bg: rgba(84, 104, 255, 0.1);
40
+ --seekora-docsearch-highlight-text: #5468ff;
41
+ --seekora-docsearch-hit-bg: transparent;
42
+ --seekora-docsearch-hit-bg-hover: #f3f4f6;
43
+ --seekora-docsearch-hit-bg-selected: #eef2ff;
44
+ --seekora-docsearch-icon: #9ca3af;
45
+ --seekora-docsearch-icon-active: #5468ff;
46
+ --seekora-docsearch-key-bg: #f3f4f6;
47
+ --seekora-docsearch-key-border: #d1d5db;
48
+ --seekora-docsearch-key-text: #6b7280;
49
+
50
+ /* Spacing */
51
+ --seekora-docsearch-spacing-xs: 4px;
52
+ --seekora-docsearch-spacing-sm: 8px;
53
+ --seekora-docsearch-spacing-md: 12px;
54
+ --seekora-docsearch-spacing-lg: 16px;
55
+ --seekora-docsearch-spacing-xl: 24px;
56
+
57
+ /* Typography */
58
+ --seekora-docsearch-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
59
+ --seekora-docsearch-font-size-xs: 11px;
60
+ --seekora-docsearch-font-size-sm: 13px;
61
+ --seekora-docsearch-font-size-md: 14px;
62
+ --seekora-docsearch-font-size-lg: 16px;
63
+ --seekora-docsearch-font-weight-normal: 400;
64
+ --seekora-docsearch-font-weight-medium: 500;
65
+ --seekora-docsearch-font-weight-semibold: 600;
66
+ --seekora-docsearch-line-height: 1.5;
67
+
68
+ /* Border Radius */
69
+ --seekora-docsearch-radius-sm: 4px;
70
+ --seekora-docsearch-radius-md: 8px;
71
+ --seekora-docsearch-radius-lg: 12px;
72
+ --seekora-docsearch-radius-xl: 16px;
73
+
74
+ /* Transitions */
75
+ --seekora-docsearch-transition-fast: 100ms;
76
+ --seekora-docsearch-transition-normal: 150ms;
77
+ --seekora-docsearch-transition-slow: 200ms;
78
+
79
+ /* Modal */
80
+ --seekora-docsearch-modal-width: 560px;
81
+ --seekora-docsearch-modal-max-height: 80vh;
82
+ --seekora-docsearch-modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
83
+
84
+ /* Z-index */
85
+ --seekora-docsearch-z-index: 9999;
86
+ }
87
+
88
+ /* Dark Mode - via data attribute */
89
+
90
+ [data-theme="dark"],
91
+ .dark {
92
+ --seekora-docsearch-primary: #7c8aff;
93
+ --seekora-docsearch-primary-hover: #6e7dff;
94
+ --seekora-docsearch-text: #f9fafb;
95
+ --seekora-docsearch-text-muted: #9ca3af;
96
+ --seekora-docsearch-text-secondary: #6b7280;
97
+ --seekora-docsearch-background: #1f2937;
98
+ --seekora-docsearch-background-secondary: #111827;
99
+ --seekora-docsearch-border: #374151;
100
+ --seekora-docsearch-border-light: #374151;
101
+ --seekora-docsearch-shadow: rgba(0, 0, 0, 0.3);
102
+ --seekora-docsearch-shadow-strong: rgba(0, 0, 0, 0.5);
103
+ --seekora-docsearch-overlay: rgba(0, 0, 0, 0.6);
104
+ --seekora-docsearch-highlight-bg: rgba(124, 138, 255, 0.15);
105
+ --seekora-docsearch-highlight-text: #a5b4fc;
106
+ --seekora-docsearch-hit-bg: transparent;
107
+ --seekora-docsearch-hit-bg-hover: #374151;
108
+ --seekora-docsearch-hit-bg-selected: #312e81;
109
+ --seekora-docsearch-icon: #6b7280;
110
+ --seekora-docsearch-icon-active: #7c8aff;
111
+ --seekora-docsearch-key-bg: #374151;
112
+ --seekora-docsearch-key-border: #4b5563;
113
+ --seekora-docsearch-key-text: #9ca3af;
114
+ }
115
+
116
+ /* Dark Mode - via prefers-color-scheme */
117
+
118
+ @media (prefers-color-scheme: dark) {
119
+ :root:not([data-theme="light"]):not(.light) {
120
+ --seekora-docsearch-primary: #7c8aff;
121
+ --seekora-docsearch-primary-hover: #6e7dff;
122
+ --seekora-docsearch-text: #f9fafb;
123
+ --seekora-docsearch-text-muted: #9ca3af;
124
+ --seekora-docsearch-text-secondary: #6b7280;
125
+ --seekora-docsearch-background: #1f2937;
126
+ --seekora-docsearch-background-secondary: #111827;
127
+ --seekora-docsearch-border: #374151;
128
+ --seekora-docsearch-border-light: #374151;
129
+ --seekora-docsearch-shadow: rgba(0, 0, 0, 0.3);
130
+ --seekora-docsearch-shadow-strong: rgba(0, 0, 0, 0.5);
131
+ --seekora-docsearch-overlay: rgba(0, 0, 0, 0.6);
132
+ --seekora-docsearch-highlight-bg: rgba(124, 138, 255, 0.15);
133
+ --seekora-docsearch-highlight-text: #a5b4fc;
134
+ --seekora-docsearch-hit-bg: transparent;
135
+ --seekora-docsearch-hit-bg-hover: #374151;
136
+ --seekora-docsearch-hit-bg-selected: #312e81;
137
+ --seekora-docsearch-icon: #6b7280;
138
+ --seekora-docsearch-icon-active: #7c8aff;
139
+ --seekora-docsearch-key-bg: #374151;
140
+ --seekora-docsearch-key-border: #4b5563;
141
+ --seekora-docsearch-key-text: #9ca3af;
142
+ }
143
+ }
144
+
145
+ /**
146
+ * Seekora DocSearch Button Styles
147
+ */
148
+
149
+ .seekora-docsearch-button {
150
+ display: flex;
151
+ align-items: center;
152
+ gap: var(--seekora-docsearch-spacing-sm);
153
+ padding: var(--seekora-docsearch-spacing-sm) var(--seekora-docsearch-spacing-md);
154
+ min-width: 200px;
155
+ height: 40px;
156
+ background: var(--seekora-docsearch-background);
157
+ border: 1px solid var(--seekora-docsearch-border);
158
+ border-radius: var(--seekora-docsearch-radius-md);
159
+ color: var(--seekora-docsearch-text-muted);
160
+ font-family: var(--seekora-docsearch-font-family);
161
+ font-size: var(--seekora-docsearch-font-size-md);
162
+ cursor: pointer;
163
+ transition: all var(--seekora-docsearch-transition-normal) ease;
164
+ box-shadow: 0 1px 2px var(--seekora-docsearch-shadow);
165
+ }
166
+
167
+ .seekora-docsearch-button:hover {
168
+ border-color: var(--seekora-docsearch-primary);
169
+ box-shadow: 0 2px 4px var(--seekora-docsearch-shadow);
170
+ }
171
+
172
+ .seekora-docsearch-button:focus {
173
+ outline: none;
174
+ border-color: var(--seekora-docsearch-primary);
175
+ box-shadow: 0 0 0 3px var(--seekora-docsearch-highlight-bg);
176
+ }
177
+
178
+ .seekora-docsearch-button-icon {
179
+ display: flex;
180
+ align-items: center;
181
+ justify-content: center;
182
+ color: var(--seekora-docsearch-icon);
183
+ flex-shrink: 0;
184
+ }
185
+
186
+ .seekora-docsearch-button-placeholder {
187
+ flex: 1;
188
+ text-align: left;
189
+ overflow: hidden;
190
+ text-overflow: ellipsis;
191
+ white-space: nowrap;
192
+ }
193
+
194
+ .seekora-docsearch-button-keys {
195
+ display: flex;
196
+ align-items: center;
197
+ gap: var(--seekora-docsearch-spacing-xs);
198
+ flex-shrink: 0;
199
+ }
200
+
201
+ .seekora-docsearch-button-key {
202
+ display: inline-flex;
203
+ align-items: center;
204
+ justify-content: center;
205
+ padding: 2px 6px;
206
+ min-width: 20px;
207
+ height: 20px;
208
+ background: var(--seekora-docsearch-key-bg);
209
+ border: 1px solid var(--seekora-docsearch-key-border);
210
+ border-radius: var(--seekora-docsearch-radius-sm);
211
+ color: var(--seekora-docsearch-key-text);
212
+ font-family: var(--seekora-docsearch-font-family);
213
+ font-size: var(--seekora-docsearch-font-size-xs);
214
+ font-weight: var(--seekora-docsearch-font-weight-medium);
215
+ box-shadow: inset 0 -1px 0 var(--seekora-docsearch-key-border);
216
+ }
217
+
218
+ /* Responsive - hide keys on small screens */
219
+
220
+ @media (max-width: 640px) {
221
+ .seekora-docsearch-button {
222
+ min-width: auto;
223
+ padding: var(--seekora-docsearch-spacing-sm);
224
+ }
225
+
226
+ .seekora-docsearch-button-placeholder {
227
+ display: none;
228
+ }
229
+
230
+ .seekora-docsearch-button-keys {
231
+ display: none;
232
+ }
233
+ }
234
+
235
+ /**
236
+ * Seekora DocSearch Modal Styles
237
+ */
238
+
239
+ .seekora-docsearch-overlay {
240
+ position: fixed;
241
+ inset: 0;
242
+ z-index: var(--seekora-docsearch-z-index);
243
+ display: flex;
244
+ align-items: flex-start;
245
+ justify-content: center;
246
+ padding: 10vh var(--seekora-docsearch-spacing-lg);
247
+ background: var(--seekora-docsearch-overlay);
248
+ backdrop-filter: blur(4px);
249
+ animation: seekora-docsearch-fade-in var(--seekora-docsearch-transition-normal) ease;
250
+ }
251
+
252
+ @keyframes seekora-docsearch-fade-in {
253
+ from {
254
+ opacity: 0;
255
+ }
256
+ to {
257
+ opacity: 1;
258
+ }
259
+ }
260
+
261
+ .seekora-docsearch-container {
262
+ width: 100%;
263
+ max-width: var(--seekora-docsearch-modal-width);
264
+ animation: seekora-docsearch-slide-in var(--seekora-docsearch-transition-slow) ease;
265
+ }
266
+
267
+ @keyframes seekora-docsearch-slide-in {
268
+ from {
269
+ opacity: 0;
270
+ transform: translateY(-20px) scale(0.98);
271
+ }
272
+ to {
273
+ opacity: 1;
274
+ transform: translateY(0) scale(1);
275
+ }
276
+ }
277
+
278
+ .seekora-docsearch-modal {
279
+ display: flex;
280
+ flex-direction: column;
281
+ max-height: var(--seekora-docsearch-modal-max-height);
282
+ background: var(--seekora-docsearch-background);
283
+ border: 1px solid var(--seekora-docsearch-border);
284
+ border-radius: var(--seekora-docsearch-radius-xl);
285
+ box-shadow: var(--seekora-docsearch-modal-shadow);
286
+ overflow: hidden;
287
+ }
288
+
289
+ .seekora-docsearch-header {
290
+ display: flex;
291
+ align-items: center;
292
+ gap: var(--seekora-docsearch-spacing-sm);
293
+ padding: var(--seekora-docsearch-spacing-md);
294
+ border-bottom: 1px solid var(--seekora-docsearch-border-light);
295
+ }
296
+
297
+ .seekora-docsearch-close {
298
+ display: flex;
299
+ align-items: center;
300
+ justify-content: center;
301
+ padding: var(--seekora-docsearch-spacing-xs) var(--seekora-docsearch-spacing-sm);
302
+ background: var(--seekora-docsearch-key-bg);
303
+ border: 1px solid var(--seekora-docsearch-key-border);
304
+ border-radius: var(--seekora-docsearch-radius-sm);
305
+ color: var(--seekora-docsearch-key-text);
306
+ font-family: var(--seekora-docsearch-font-family);
307
+ font-size: var(--seekora-docsearch-font-size-xs);
308
+ font-weight: var(--seekora-docsearch-font-weight-medium);
309
+ cursor: pointer;
310
+ transition: all var(--seekora-docsearch-transition-fast) ease;
311
+ flex-shrink: 0;
312
+ }
313
+
314
+ .seekora-docsearch-close:hover {
315
+ background: var(--seekora-docsearch-hit-bg-hover);
316
+ border-color: var(--seekora-docsearch-border);
317
+ }
318
+
319
+ .seekora-docsearch-close-text {
320
+ text-transform: uppercase;
321
+ letter-spacing: 0.05em;
322
+ }
323
+
324
+ .seekora-docsearch-body {
325
+ flex: 1;
326
+ overflow-y: auto;
327
+ min-height: 0;
328
+ overscroll-behavior: contain;
329
+ }
330
+
331
+ /* Scrollbar styling */
332
+
333
+ .seekora-docsearch-body::-webkit-scrollbar {
334
+ width: 8px;
335
+ }
336
+
337
+ .seekora-docsearch-body::-webkit-scrollbar-track {
338
+ background: transparent;
339
+ }
340
+
341
+ .seekora-docsearch-body::-webkit-scrollbar-thumb {
342
+ background: var(--seekora-docsearch-border);
343
+ border-radius: 4px;
344
+ }
345
+
346
+ .seekora-docsearch-body::-webkit-scrollbar-thumb:hover {
347
+ background: var(--seekora-docsearch-text-muted);
348
+ }
349
+
350
+ /* Responsive */
351
+
352
+ @media (max-width: 640px) {
353
+ .seekora-docsearch-overlay {
354
+ padding: var(--seekora-docsearch-spacing-md);
355
+ align-items: flex-start;
356
+ }
357
+
358
+ .seekora-docsearch-modal {
359
+ max-height: calc(100vh - 32px);
360
+ border-radius: var(--seekora-docsearch-radius-lg);
361
+ }
362
+ }
363
+
364
+ /**
365
+ * Seekora DocSearch SearchBox Styles
366
+ */
367
+
368
+ .seekora-docsearch-searchbox {
369
+ display: flex;
370
+ align-items: center;
371
+ gap: var(--seekora-docsearch-spacing-sm);
372
+ flex: 1;
373
+ padding: 0 var(--seekora-docsearch-spacing-sm);
374
+ background: var(--seekora-docsearch-background-secondary);
375
+ border: 1px solid transparent;
376
+ border-radius: var(--seekora-docsearch-radius-md);
377
+ transition: all var(--seekora-docsearch-transition-fast) ease;
378
+ }
379
+
380
+ .seekora-docsearch-searchbox:focus-within {
381
+ background: var(--seekora-docsearch-background);
382
+ border-color: var(--seekora-docsearch-primary);
383
+ box-shadow: 0 0 0 3px var(--seekora-docsearch-highlight-bg);
384
+ }
385
+
386
+ .seekora-docsearch-searchbox-icon {
387
+ display: flex;
388
+ align-items: center;
389
+ justify-content: center;
390
+ color: var(--seekora-docsearch-icon);
391
+ flex-shrink: 0;
392
+ cursor: default;
393
+ }
394
+
395
+ .seekora-docsearch-searchbox:focus-within .seekora-docsearch-searchbox-icon {
396
+ color: var(--seekora-docsearch-icon-active);
397
+ }
398
+
399
+ .seekora-docsearch-input {
400
+ flex: 1;
401
+ padding: var(--seekora-docsearch-spacing-md) var(--seekora-docsearch-spacing-sm);
402
+ background: transparent;
403
+ border: none;
404
+ color: var(--seekora-docsearch-text);
405
+ font-family: var(--seekora-docsearch-font-family);
406
+ font-size: var(--seekora-docsearch-font-size-lg);
407
+ line-height: var(--seekora-docsearch-line-height);
408
+ outline: none;
409
+ min-width: 0;
410
+ }
411
+
412
+ .seekora-docsearch-input::placeholder {
413
+ color: var(--seekora-docsearch-text-secondary);
414
+ }
415
+
416
+ .seekora-docsearch-clear {
417
+ display: flex;
418
+ align-items: center;
419
+ justify-content: center;
420
+ padding: var(--seekora-docsearch-spacing-xs);
421
+ background: transparent;
422
+ border: none;
423
+ border-radius: var(--seekora-docsearch-radius-sm);
424
+ color: var(--seekora-docsearch-text-muted);
425
+ cursor: pointer;
426
+ transition: all var(--seekora-docsearch-transition-fast) ease;
427
+ flex-shrink: 0;
428
+ }
429
+
430
+ .seekora-docsearch-clear:hover {
431
+ background: var(--seekora-docsearch-hit-bg-hover);
432
+ color: var(--seekora-docsearch-text);
433
+ }
434
+
435
+ .seekora-docsearch-spinner {
436
+ display: flex;
437
+ align-items: center;
438
+ justify-content: center;
439
+ color: var(--seekora-docsearch-primary);
440
+ animation: seekora-docsearch-spin 0.8s linear infinite;
441
+ }
442
+
443
+ @keyframes seekora-docsearch-spin {
444
+ from {
445
+ transform: rotate(0deg);
446
+ }
447
+ to {
448
+ transform: rotate(360deg);
449
+ }
450
+ }
451
+
452
+ /**
453
+ * Seekora DocSearch Results Styles
454
+ */
455
+
456
+ .seekora-docsearch-results {
457
+ padding: var(--seekora-docsearch-spacing-sm) 0;
458
+ }
459
+
460
+ .seekora-docsearch-results-list {
461
+ list-style: none;
462
+ margin: 0;
463
+ padding: 0;
464
+ }
465
+
466
+ .seekora-docsearch-results-group {
467
+ margin-bottom: var(--seekora-docsearch-spacing-sm);
468
+ }
469
+
470
+ .seekora-docsearch-results-group:last-child {
471
+ margin-bottom: 0;
472
+ }
473
+
474
+ .seekora-docsearch-results-group-header {
475
+ padding: var(--seekora-docsearch-spacing-sm) var(--seekora-docsearch-spacing-lg);
476
+ color: var(--seekora-docsearch-text-muted);
477
+ font-size: var(--seekora-docsearch-font-size-sm);
478
+ font-weight: var(--seekora-docsearch-font-weight-semibold);
479
+ text-transform: uppercase;
480
+ letter-spacing: 0.05em;
481
+ }
482
+
483
+ .seekora-docsearch-results-group-items {
484
+ list-style: none;
485
+ margin: 0;
486
+ padding: 0;
487
+ }
488
+
489
+ /* Hit item */
490
+
491
+ .seekora-docsearch-hit {
492
+ display: flex;
493
+ align-items: center;
494
+ gap: var(--seekora-docsearch-spacing-md);
495
+ padding: var(--seekora-docsearch-spacing-md) var(--seekora-docsearch-spacing-lg);
496
+ background: var(--seekora-docsearch-hit-bg);
497
+ color: var(--seekora-docsearch-text);
498
+ text-decoration: none;
499
+ cursor: pointer;
500
+ transition: background var(--seekora-docsearch-transition-fast) ease;
501
+ }
502
+
503
+ .seekora-docsearch-hit:hover {
504
+ background: var(--seekora-docsearch-hit-bg-hover);
505
+ }
506
+
507
+ .seekora-docsearch-hit--selected {
508
+ background: var(--seekora-docsearch-hit-bg-selected);
509
+ }
510
+
511
+ .seekora-docsearch-hit--selected:hover {
512
+ background: var(--seekora-docsearch-hit-bg-selected);
513
+ }
514
+
515
+ .seekora-docsearch-hit-icon {
516
+ display: flex;
517
+ align-items: center;
518
+ justify-content: center;
519
+ width: 40px;
520
+ height: 40px;
521
+ background: var(--seekora-docsearch-background-secondary);
522
+ border-radius: var(--seekora-docsearch-radius-md);
523
+ color: var(--seekora-docsearch-icon);
524
+ flex-shrink: 0;
525
+ }
526
+
527
+ .seekora-docsearch-hit--selected .seekora-docsearch-hit-icon {
528
+ background: var(--seekora-docsearch-primary);
529
+ color: white;
530
+ }
531
+
532
+ .seekora-docsearch-hit-content {
533
+ flex: 1;
534
+ min-width: 0;
535
+ display: flex;
536
+ flex-direction: column;
537
+ gap: var(--seekora-docsearch-spacing-xs);
538
+ }
539
+
540
+ .seekora-docsearch-hit-breadcrumb {
541
+ color: var(--seekora-docsearch-text-secondary);
542
+ font-size: var(--seekora-docsearch-font-size-xs);
543
+ overflow: hidden;
544
+ text-overflow: ellipsis;
545
+ white-space: nowrap;
546
+ }
547
+
548
+ .seekora-docsearch-hit-title {
549
+ color: var(--seekora-docsearch-text);
550
+ font-size: var(--seekora-docsearch-font-size-md);
551
+ font-weight: var(--seekora-docsearch-font-weight-medium);
552
+ line-height: var(--seekora-docsearch-line-height);
553
+ overflow: hidden;
554
+ text-overflow: ellipsis;
555
+ white-space: nowrap;
556
+ }
557
+
558
+ .seekora-docsearch-hit-description {
559
+ color: var(--seekora-docsearch-text-muted);
560
+ font-size: var(--seekora-docsearch-font-size-sm);
561
+ line-height: var(--seekora-docsearch-line-height);
562
+ overflow: hidden;
563
+ text-overflow: ellipsis;
564
+ white-space: nowrap;
565
+ }
566
+
567
+ .seekora-docsearch-hit-action {
568
+ display: flex;
569
+ align-items: center;
570
+ justify-content: center;
571
+ color: var(--seekora-docsearch-text-secondary);
572
+ flex-shrink: 0;
573
+ opacity: 0;
574
+ transition: opacity var(--seekora-docsearch-transition-fast) ease;
575
+ }
576
+
577
+ .seekora-docsearch-hit:hover .seekora-docsearch-hit-action,
578
+ .seekora-docsearch-hit--selected .seekora-docsearch-hit-action {
579
+ opacity: 1;
580
+ }
581
+
582
+ /* Highlighting */
583
+
584
+ .seekora-docsearch-highlight mark {
585
+ background: var(--seekora-docsearch-highlight-bg);
586
+ color: var(--seekora-docsearch-highlight-text);
587
+ font-weight: var(--seekora-docsearch-font-weight-semibold);
588
+ padding: 0 2px;
589
+ border-radius: 2px;
590
+ }
591
+
592
+ /* Empty/Loading/Error states */
593
+
594
+ .seekora-docsearch-empty,
595
+ .seekora-docsearch-loading,
596
+ .seekora-docsearch-no-results,
597
+ .seekora-docsearch-error {
598
+ display: flex;
599
+ flex-direction: column;
600
+ align-items: center;
601
+ justify-content: center;
602
+ padding: var(--seekora-docsearch-spacing-xl);
603
+ text-align: center;
604
+ }
605
+
606
+ .seekora-docsearch-empty-text,
607
+ .seekora-docsearch-loading-text,
608
+ .seekora-docsearch-no-results-text,
609
+ .seekora-docsearch-error-text {
610
+ color: var(--seekora-docsearch-text-muted);
611
+ font-size: var(--seekora-docsearch-font-size-md);
612
+ margin: 0;
613
+ }
614
+
615
+ .seekora-docsearch-loading-spinner {
616
+ color: var(--seekora-docsearch-primary);
617
+ margin-bottom: var(--seekora-docsearch-spacing-md);
618
+ animation: seekora-docsearch-spin 0.8s linear infinite;
619
+ }
620
+
621
+ .seekora-docsearch-error-text {
622
+ color: #ef4444;
623
+ }
624
+
625
+ /**
626
+ * Seekora DocSearch Footer Styles
627
+ */
628
+
629
+ .seekora-docsearch-footer {
630
+ display: flex;
631
+ align-items: center;
632
+ justify-content: space-between;
633
+ padding: var(--seekora-docsearch-spacing-md) var(--seekora-docsearch-spacing-lg);
634
+ background: var(--seekora-docsearch-background-secondary);
635
+ border-top: 1px solid var(--seekora-docsearch-border-light);
636
+ }
637
+
638
+ .seekora-docsearch-footer-commands {
639
+ display: flex;
640
+ align-items: center;
641
+ }
642
+
643
+ .seekora-docsearch-footer-commands-list {
644
+ display: flex;
645
+ align-items: center;
646
+ gap: var(--seekora-docsearch-spacing-lg);
647
+ list-style: none;
648
+ margin: 0;
649
+ padding: 0;
650
+ }
651
+
652
+ .seekora-docsearch-footer-command {
653
+ display: flex;
654
+ align-items: center;
655
+ gap: var(--seekora-docsearch-spacing-xs);
656
+ color: var(--seekora-docsearch-text-muted);
657
+ font-size: var(--seekora-docsearch-font-size-xs);
658
+ }
659
+
660
+ .seekora-docsearch-key {
661
+ display: inline-flex;
662
+ align-items: center;
663
+ justify-content: center;
664
+ min-width: 20px;
665
+ height: 20px;
666
+ padding: 0 4px;
667
+ background: var(--seekora-docsearch-key-bg);
668
+ border: 1px solid var(--seekora-docsearch-key-border);
669
+ border-radius: var(--seekora-docsearch-radius-sm);
670
+ color: var(--seekora-docsearch-key-text);
671
+ font-family: var(--seekora-docsearch-font-family);
672
+ font-size: var(--seekora-docsearch-font-size-xs);
673
+ font-weight: var(--seekora-docsearch-font-weight-medium);
674
+ box-shadow: inset 0 -1px 0 var(--seekora-docsearch-key-border);
675
+ }
676
+
677
+ .seekora-docsearch-footer-logo {
678
+ display: flex;
679
+ align-items: center;
680
+ gap: var(--seekora-docsearch-spacing-sm);
681
+ }
682
+
683
+ .seekora-docsearch-footer-logo-text {
684
+ color: var(--seekora-docsearch-text-secondary);
685
+ font-size: var(--seekora-docsearch-font-size-xs);
686
+ }
687
+
688
+ .seekora-docsearch-footer-logo-link {
689
+ display: flex;
690
+ align-items: center;
691
+ color: var(--seekora-docsearch-text);
692
+ text-decoration: none;
693
+ transition: color var(--seekora-docsearch-transition-fast) ease;
694
+ }
695
+
696
+ .seekora-docsearch-footer-logo-link:hover {
697
+ color: var(--seekora-docsearch-primary);
698
+ }
699
+
700
+ .seekora-docsearch-logo {
701
+ height: 16px;
702
+ width: auto;
703
+ }
704
+
705
+ /* Responsive - hide commands on small screens */
706
+
707
+ @media (max-width: 640px) {
708
+ .seekora-docsearch-footer {
709
+ justify-content: center;
710
+ }
711
+
712
+ .seekora-docsearch-footer-commands {
713
+ display: none;
714
+ }
715
+ }
package/dist/index.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--seekora-docsearch-primary:#5468ff;--seekora-docsearch-primary-hover:#4458e8;--seekora-docsearch-text:#1a1a1a;--seekora-docsearch-text-muted:#6b7280;--seekora-docsearch-text-secondary:#9ca3af;--seekora-docsearch-background:#fff;--seekora-docsearch-background-secondary:#f9fafb;--seekora-docsearch-border:#e5e7eb;--seekora-docsearch-border-light:#f3f4f6;--seekora-docsearch-shadow:rgba(0,0,0,.1);--seekora-docsearch-shadow-strong:rgba(0,0,0,.2);--seekora-docsearch-overlay:rgba(0,0,0,.4);--seekora-docsearch-highlight-bg:rgba(84,104,255,.1);--seekora-docsearch-highlight-text:#5468ff;--seekora-docsearch-hit-bg:transparent;--seekora-docsearch-hit-bg-hover:#f3f4f6;--seekora-docsearch-hit-bg-selected:#eef2ff;--seekora-docsearch-icon:#9ca3af;--seekora-docsearch-icon-active:#5468ff;--seekora-docsearch-key-bg:#f3f4f6;--seekora-docsearch-key-border:#d1d5db;--seekora-docsearch-key-text:#6b7280;--seekora-docsearch-spacing-xs:4px;--seekora-docsearch-spacing-sm:8px;--seekora-docsearch-spacing-md:12px;--seekora-docsearch-spacing-lg:16px;--seekora-docsearch-spacing-xl:24px;--seekora-docsearch-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--seekora-docsearch-font-size-xs:11px;--seekora-docsearch-font-size-sm:13px;--seekora-docsearch-font-size-md:14px;--seekora-docsearch-font-size-lg:16px;--seekora-docsearch-font-weight-normal:400;--seekora-docsearch-font-weight-medium:500;--seekora-docsearch-font-weight-semibold:600;--seekora-docsearch-line-height:1.5;--seekora-docsearch-radius-sm:4px;--seekora-docsearch-radius-md:8px;--seekora-docsearch-radius-lg:12px;--seekora-docsearch-radius-xl:16px;--seekora-docsearch-transition-fast:100ms;--seekora-docsearch-transition-normal:150ms;--seekora-docsearch-transition-slow:200ms;--seekora-docsearch-modal-width:560px;--seekora-docsearch-modal-max-height:80vh;--seekora-docsearch-modal-shadow:0 25px 50px -12px rgba(0,0,0,.25);--seekora-docsearch-z-index:9999}.dark,[data-theme=dark]{--seekora-docsearch-primary:#7c8aff;--seekora-docsearch-primary-hover:#6e7dff;--seekora-docsearch-text:#f9fafb;--seekora-docsearch-text-muted:#9ca3af;--seekora-docsearch-text-secondary:#6b7280;--seekora-docsearch-background:#1f2937;--seekora-docsearch-background-secondary:#111827;--seekora-docsearch-border:#374151;--seekora-docsearch-border-light:#374151;--seekora-docsearch-shadow:rgba(0,0,0,.3);--seekora-docsearch-shadow-strong:rgba(0,0,0,.5);--seekora-docsearch-overlay:rgba(0,0,0,.6);--seekora-docsearch-highlight-bg:rgba(124,138,255,.15);--seekora-docsearch-highlight-text:#a5b4fc;--seekora-docsearch-hit-bg:transparent;--seekora-docsearch-hit-bg-hover:#374151;--seekora-docsearch-hit-bg-selected:#312e81;--seekora-docsearch-icon:#6b7280;--seekora-docsearch-icon-active:#7c8aff;--seekora-docsearch-key-bg:#374151;--seekora-docsearch-key-border:#4b5563;--seekora-docsearch-key-text:#9ca3af}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--seekora-docsearch-primary:#7c8aff;--seekora-docsearch-primary-hover:#6e7dff;--seekora-docsearch-text:#f9fafb;--seekora-docsearch-text-muted:#9ca3af;--seekora-docsearch-text-secondary:#6b7280;--seekora-docsearch-background:#1f2937;--seekora-docsearch-background-secondary:#111827;--seekora-docsearch-border:#374151;--seekora-docsearch-border-light:#374151;--seekora-docsearch-shadow:rgba(0,0,0,.3);--seekora-docsearch-shadow-strong:rgba(0,0,0,.5);--seekora-docsearch-overlay:rgba(0,0,0,.6);--seekora-docsearch-highlight-bg:rgba(124,138,255,.15);--seekora-docsearch-highlight-text:#a5b4fc;--seekora-docsearch-hit-bg:transparent;--seekora-docsearch-hit-bg-hover:#374151;--seekora-docsearch-hit-bg-selected:#312e81;--seekora-docsearch-icon:#6b7280;--seekora-docsearch-icon-active:#7c8aff;--seekora-docsearch-key-bg:#374151;--seekora-docsearch-key-border:#4b5563;--seekora-docsearch-key-text:#9ca3af}}.seekora-docsearch-button{align-items:center;background:var(--seekora-docsearch-background);border:1px solid var(--seekora-docsearch-border);border-radius:var(--seekora-docsearch-radius-md);box-shadow:0 1px 2px var(--seekora-docsearch-shadow);color:var(--seekora-docsearch-text-muted);cursor:pointer;display:flex;font-family:var(--seekora-docsearch-font-family);font-size:var(--seekora-docsearch-font-size-md);gap:var(--seekora-docsearch-spacing-sm);height:40px;min-width:200px;padding:var(--seekora-docsearch-spacing-sm) var(--seekora-docsearch-spacing-md);transition:all var(--seekora-docsearch-transition-normal) ease}.seekora-docsearch-button:hover{border-color:var(--seekora-docsearch-primary);box-shadow:0 2px 4px var(--seekora-docsearch-shadow)}.seekora-docsearch-button:focus{border-color:var(--seekora-docsearch-primary);box-shadow:0 0 0 3px var(--seekora-docsearch-highlight-bg);outline:none}.seekora-docsearch-button-icon{align-items:center;color:var(--seekora-docsearch-icon);display:flex;flex-shrink:0;justify-content:center}.seekora-docsearch-button-placeholder{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.seekora-docsearch-button-keys{align-items:center;display:flex;flex-shrink:0;gap:var(--seekora-docsearch-spacing-xs)}.seekora-docsearch-button-key{align-items:center;background:var(--seekora-docsearch-key-bg);border:1px solid var(--seekora-docsearch-key-border);border-radius:var(--seekora-docsearch-radius-sm);box-shadow:inset 0 -1px 0 var(--seekora-docsearch-key-border);color:var(--seekora-docsearch-key-text);display:inline-flex;font-family:var(--seekora-docsearch-font-family);font-size:var(--seekora-docsearch-font-size-xs);font-weight:var(--seekora-docsearch-font-weight-medium);height:20px;justify-content:center;min-width:20px;padding:2px 6px}@media (max-width:640px){.seekora-docsearch-button{min-width:auto;padding:var(--seekora-docsearch-spacing-sm)}.seekora-docsearch-button-keys,.seekora-docsearch-button-placeholder{display:none}}.seekora-docsearch-overlay{align-items:flex-start;animation:seekora-docsearch-fade-in var(--seekora-docsearch-transition-normal) ease;backdrop-filter:blur(4px);background:var(--seekora-docsearch-overlay);display:flex;inset:0;justify-content:center;padding:10vh var(--seekora-docsearch-spacing-lg);position:fixed;z-index:var(--seekora-docsearch-z-index)}@keyframes seekora-docsearch-fade-in{0%{opacity:0}to{opacity:1}}.seekora-docsearch-container{animation:seekora-docsearch-slide-in var(--seekora-docsearch-transition-slow) ease;max-width:var(--seekora-docsearch-modal-width);width:100%}@keyframes seekora-docsearch-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.seekora-docsearch-modal{background:var(--seekora-docsearch-background);border:1px solid var(--seekora-docsearch-border);border-radius:var(--seekora-docsearch-radius-xl);box-shadow:var(--seekora-docsearch-modal-shadow);display:flex;flex-direction:column;max-height:var(--seekora-docsearch-modal-max-height);overflow:hidden}.seekora-docsearch-header{align-items:center;border-bottom:1px solid var(--seekora-docsearch-border-light);display:flex;gap:var(--seekora-docsearch-spacing-sm);padding:var(--seekora-docsearch-spacing-md)}.seekora-docsearch-close{align-items:center;background:var(--seekora-docsearch-key-bg);border:1px solid var(--seekora-docsearch-key-border);border-radius:var(--seekora-docsearch-radius-sm);color:var(--seekora-docsearch-key-text);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--seekora-docsearch-font-family);font-size:var(--seekora-docsearch-font-size-xs);font-weight:var(--seekora-docsearch-font-weight-medium);justify-content:center;padding:var(--seekora-docsearch-spacing-xs) var(--seekora-docsearch-spacing-sm);transition:all var(--seekora-docsearch-transition-fast) ease}.seekora-docsearch-close:hover{background:var(--seekora-docsearch-hit-bg-hover);border-color:var(--seekora-docsearch-border)}.seekora-docsearch-close-text{letter-spacing:.05em;text-transform:uppercase}.seekora-docsearch-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.seekora-docsearch-body::-webkit-scrollbar{width:8px}.seekora-docsearch-body::-webkit-scrollbar-track{background:transparent}.seekora-docsearch-body::-webkit-scrollbar-thumb{background:var(--seekora-docsearch-border);border-radius:4px}.seekora-docsearch-body::-webkit-scrollbar-thumb:hover{background:var(--seekora-docsearch-text-muted)}@media (max-width:640px){.seekora-docsearch-overlay{align-items:flex-start;padding:var(--seekora-docsearch-spacing-md)}.seekora-docsearch-modal{border-radius:var(--seekora-docsearch-radius-lg);max-height:calc(100vh - 32px)}}.seekora-docsearch-searchbox{align-items:center;background:var(--seekora-docsearch-background-secondary);border:1px solid transparent;border-radius:var(--seekora-docsearch-radius-md);display:flex;flex:1;gap:var(--seekora-docsearch-spacing-sm);padding:0 var(--seekora-docsearch-spacing-sm);transition:all var(--seekora-docsearch-transition-fast) ease}.seekora-docsearch-searchbox:focus-within{background:var(--seekora-docsearch-background);border-color:var(--seekora-docsearch-primary);box-shadow:0 0 0 3px var(--seekora-docsearch-highlight-bg)}.seekora-docsearch-searchbox-icon{align-items:center;color:var(--seekora-docsearch-icon);cursor:default;display:flex;flex-shrink:0;justify-content:center}.seekora-docsearch-searchbox:focus-within .seekora-docsearch-searchbox-icon{color:var(--seekora-docsearch-icon-active)}.seekora-docsearch-input{background:transparent;border:none;color:var(--seekora-docsearch-text);flex:1;font-family:var(--seekora-docsearch-font-family);font-size:var(--seekora-docsearch-font-size-lg);line-height:var(--seekora-docsearch-line-height);min-width:0;outline:none;padding:var(--seekora-docsearch-spacing-md) var(--seekora-docsearch-spacing-sm)}.seekora-docsearch-input::placeholder{color:var(--seekora-docsearch-text-secondary)}.seekora-docsearch-clear{align-items:center;background:transparent;border:none;border-radius:var(--seekora-docsearch-radius-sm);color:var(--seekora-docsearch-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--seekora-docsearch-spacing-xs);transition:all var(--seekora-docsearch-transition-fast) ease}.seekora-docsearch-clear:hover{background:var(--seekora-docsearch-hit-bg-hover);color:var(--seekora-docsearch-text)}.seekora-docsearch-spinner{align-items:center;animation:seekora-docsearch-spin .8s linear infinite;color:var(--seekora-docsearch-primary);display:flex;justify-content:center}@keyframes seekora-docsearch-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.seekora-docsearch-results{padding:var(--seekora-docsearch-spacing-sm) 0}.seekora-docsearch-results-list{list-style:none;margin:0;padding:0}.seekora-docsearch-results-group{margin-bottom:var(--seekora-docsearch-spacing-sm)}.seekora-docsearch-results-group:last-child{margin-bottom:0}.seekora-docsearch-results-group-header{color:var(--seekora-docsearch-text-muted);font-size:var(--seekora-docsearch-font-size-sm);font-weight:var(--seekora-docsearch-font-weight-semibold);letter-spacing:.05em;padding:var(--seekora-docsearch-spacing-sm) var(--seekora-docsearch-spacing-lg);text-transform:uppercase}.seekora-docsearch-results-group-items{list-style:none;margin:0;padding:0}.seekora-docsearch-hit{align-items:center;background:var(--seekora-docsearch-hit-bg);color:var(--seekora-docsearch-text);cursor:pointer;display:flex;gap:var(--seekora-docsearch-spacing-md);padding:var(--seekora-docsearch-spacing-md) var(--seekora-docsearch-spacing-lg);text-decoration:none;transition:background var(--seekora-docsearch-transition-fast) ease}.seekora-docsearch-hit:hover{background:var(--seekora-docsearch-hit-bg-hover)}.seekora-docsearch-hit--selected,.seekora-docsearch-hit--selected:hover{background:var(--seekora-docsearch-hit-bg-selected)}.seekora-docsearch-hit-icon{align-items:center;background:var(--seekora-docsearch-background-secondary);border-radius:var(--seekora-docsearch-radius-md);color:var(--seekora-docsearch-icon);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.seekora-docsearch-hit--selected .seekora-docsearch-hit-icon{background:var(--seekora-docsearch-primary);color:#fff}.seekora-docsearch-hit-content{display:flex;flex:1;flex-direction:column;gap:var(--seekora-docsearch-spacing-xs);min-width:0}.seekora-docsearch-hit-breadcrumb{color:var(--seekora-docsearch-text-secondary);font-size:var(--seekora-docsearch-font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seekora-docsearch-hit-title{color:var(--seekora-docsearch-text);font-size:var(--seekora-docsearch-font-size-md);font-weight:var(--seekora-docsearch-font-weight-medium)}.seekora-docsearch-hit-description,.seekora-docsearch-hit-title{line-height:var(--seekora-docsearch-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seekora-docsearch-hit-description{color:var(--seekora-docsearch-text-muted);font-size:var(--seekora-docsearch-font-size-sm)}.seekora-docsearch-hit-action{align-items:center;color:var(--seekora-docsearch-text-secondary);display:flex;flex-shrink:0;justify-content:center;opacity:0;transition:opacity var(--seekora-docsearch-transition-fast) ease}.seekora-docsearch-hit--selected .seekora-docsearch-hit-action,.seekora-docsearch-hit:hover .seekora-docsearch-hit-action{opacity:1}.seekora-docsearch-highlight mark{background:var(--seekora-docsearch-highlight-bg);border-radius:2px;color:var(--seekora-docsearch-highlight-text);font-weight:var(--seekora-docsearch-font-weight-semibold);padding:0 2px}.seekora-docsearch-empty,.seekora-docsearch-error,.seekora-docsearch-loading,.seekora-docsearch-no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--seekora-docsearch-spacing-xl);text-align:center}.seekora-docsearch-empty-text,.seekora-docsearch-error-text,.seekora-docsearch-loading-text,.seekora-docsearch-no-results-text{color:var(--seekora-docsearch-text-muted);font-size:var(--seekora-docsearch-font-size-md);margin:0}.seekora-docsearch-loading-spinner{animation:seekora-docsearch-spin .8s linear infinite;color:var(--seekora-docsearch-primary);margin-bottom:var(--seekora-docsearch-spacing-md)}.seekora-docsearch-error-text{color:#ef4444}.seekora-docsearch-footer{background:var(--seekora-docsearch-background-secondary);border-top:1px solid var(--seekora-docsearch-border-light);justify-content:space-between;padding:var(--seekora-docsearch-spacing-md) var(--seekora-docsearch-spacing-lg)}.seekora-docsearch-footer,.seekora-docsearch-footer-commands{align-items:center;display:flex}.seekora-docsearch-footer-commands-list{align-items:center;display:flex;gap:var(--seekora-docsearch-spacing-lg);list-style:none;margin:0;padding:0}.seekora-docsearch-footer-command{color:var(--seekora-docsearch-text-muted);display:flex;gap:var(--seekora-docsearch-spacing-xs)}.seekora-docsearch-footer-command,.seekora-docsearch-key{align-items:center;font-size:var(--seekora-docsearch-font-size-xs)}.seekora-docsearch-key{background:var(--seekora-docsearch-key-bg);border:1px solid var(--seekora-docsearch-key-border);border-radius:var(--seekora-docsearch-radius-sm);box-shadow:inset 0 -1px 0 var(--seekora-docsearch-key-border);color:var(--seekora-docsearch-key-text);display:inline-flex;font-family:var(--seekora-docsearch-font-family);font-weight:var(--seekora-docsearch-font-weight-medium);height:20px;justify-content:center;min-width:20px;padding:0 4px}.seekora-docsearch-footer-logo{align-items:center;display:flex;gap:var(--seekora-docsearch-spacing-sm)}.seekora-docsearch-footer-logo-text{color:var(--seekora-docsearch-text-secondary);font-size:var(--seekora-docsearch-font-size-xs)}.seekora-docsearch-footer-logo-link{align-items:center;color:var(--seekora-docsearch-text);display:flex;text-decoration:none;transition:color var(--seekora-docsearch-transition-fast) ease}.seekora-docsearch-footer-logo-link:hover{color:var(--seekora-docsearch-primary)}.seekora-docsearch-logo{height:16px;width:auto}@media (max-width:640px){.seekora-docsearch-footer{justify-content:center}.seekora-docsearch-footer-commands{display:none}}
package/dist/variables.css ADDED
@@ -0,0 +1,126 @@
1
+ /**
2
+ * Seekora DocSearch CSS Variables
3
+ *
4
+ * Override these variables to customize the appearance.
5
+ * Dark mode is automatically applied with [data-theme="dark"] or prefers-color-scheme.
6
+ */
7
+
8
+ :root {
9
+ /* Colors - Light Mode */
10
+ --seekora-docsearch-primary: #5468ff;
11
+ --seekora-docsearch-primary-hover: #4458e8;
12
+ --seekora-docsearch-text: #1a1a1a;
13
+ --seekora-docsearch-text-muted: #6b7280;
14
+ --seekora-docsearch-text-secondary: #9ca3af;
15
+ --seekora-docsearch-background: #ffffff;
16
+ --seekora-docsearch-background-secondary: #f9fafb;
17
+ --seekora-docsearch-border: #e5e7eb;
18
+ --seekora-docsearch-border-light: #f3f4f6;
19
+ --seekora-docsearch-shadow: rgba(0, 0, 0, 0.1);
20
+ --seekora-docsearch-shadow-strong: rgba(0, 0, 0, 0.2);
21
+ --seekora-docsearch-overlay: rgba(0, 0, 0, 0.4);
22
+ --seekora-docsearch-highlight-bg: rgba(84, 104, 255, 0.1);
23
+ --seekora-docsearch-highlight-text: #5468ff;
24
+ --seekora-docsearch-hit-bg: transparent;
25
+ --seekora-docsearch-hit-bg-hover: #f3f4f6;
26
+ --seekora-docsearch-hit-bg-selected: #eef2ff;
27
+ --seekora-docsearch-icon: #9ca3af;
28
+ --seekora-docsearch-icon-active: #5468ff;
29
+ --seekora-docsearch-key-bg: #f3f4f6;
30
+ --seekora-docsearch-key-border: #d1d5db;
31
+ --seekora-docsearch-key-text: #6b7280;
32
+
33
+ /* Spacing */
34
+ --seekora-docsearch-spacing-xs: 4px;
35
+ --seekora-docsearch-spacing-sm: 8px;
36
+ --seekora-docsearch-spacing-md: 12px;
37
+ --seekora-docsearch-spacing-lg: 16px;
38
+ --seekora-docsearch-spacing-xl: 24px;
39
+
40
+ /* Typography */
41
+ --seekora-docsearch-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
42
+ --seekora-docsearch-font-size-xs: 11px;
43
+ --seekora-docsearch-font-size-sm: 13px;
44
+ --seekora-docsearch-font-size-md: 14px;
45
+ --seekora-docsearch-font-size-lg: 16px;
46
+ --seekora-docsearch-font-weight-normal: 400;
47
+ --seekora-docsearch-font-weight-medium: 500;
48
+ --seekora-docsearch-font-weight-semibold: 600;
49
+ --seekora-docsearch-line-height: 1.5;
50
+
51
+ /* Border Radius */
52
+ --seekora-docsearch-radius-sm: 4px;
53
+ --seekora-docsearch-radius-md: 8px;
54
+ --seekora-docsearch-radius-lg: 12px;
55
+ --seekora-docsearch-radius-xl: 16px;
56
+
57
+ /* Transitions */
58
+ --seekora-docsearch-transition-fast: 100ms;
59
+ --seekora-docsearch-transition-normal: 150ms;
60
+ --seekora-docsearch-transition-slow: 200ms;
61
+
62
+ /* Modal */
63
+ --seekora-docsearch-modal-width: 560px;
64
+ --seekora-docsearch-modal-max-height: 80vh;
65
+ --seekora-docsearch-modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
66
+
67
+ /* Z-index */
68
+ --seekora-docsearch-z-index: 9999;
69
+ }
70
+
71
+ /* Dark Mode - via data attribute */
72
+
73
+ [data-theme="dark"],
74
+ .dark {
75
+ --seekora-docsearch-primary: #7c8aff;
76
+ --seekora-docsearch-primary-hover: #6e7dff;
77
+ --seekora-docsearch-text: #f9fafb;
78
+ --seekora-docsearch-text-muted: #9ca3af;
79
+ --seekora-docsearch-text-secondary: #6b7280;
80
+ --seekora-docsearch-background: #1f2937;
81
+ --seekora-docsearch-background-secondary: #111827;
82
+ --seekora-docsearch-border: #374151;
83
+ --seekora-docsearch-border-light: #374151;
84
+ --seekora-docsearch-shadow: rgba(0, 0, 0, 0.3);
85
+ --seekora-docsearch-shadow-strong: rgba(0, 0, 0, 0.5);
86
+ --seekora-docsearch-overlay: rgba(0, 0, 0, 0.6);
87
+ --seekora-docsearch-highlight-bg: rgba(124, 138, 255, 0.15);
88
+ --seekora-docsearch-highlight-text: #a5b4fc;
89
+ --seekora-docsearch-hit-bg: transparent;
90
+ --seekora-docsearch-hit-bg-hover: #374151;
91
+ --seekora-docsearch-hit-bg-selected: #312e81;
92
+ --seekora-docsearch-icon: #6b7280;
93
+ --seekora-docsearch-icon-active: #7c8aff;
94
+ --seekora-docsearch-key-bg: #374151;
95
+ --seekora-docsearch-key-border: #4b5563;
96
+ --seekora-docsearch-key-text: #9ca3af;
97
+ }
98
+
99
+ /* Dark Mode - via prefers-color-scheme */
100
+
101
+ @media (prefers-color-scheme: dark) {
102
+ :root:not([data-theme="light"]):not(.light) {
103
+ --seekora-docsearch-primary: #7c8aff;
104
+ --seekora-docsearch-primary-hover: #6e7dff;
105
+ --seekora-docsearch-text: #f9fafb;
106
+ --seekora-docsearch-text-muted: #9ca3af;
107
+ --seekora-docsearch-text-secondary: #6b7280;
108
+ --seekora-docsearch-background: #1f2937;
109
+ --seekora-docsearch-background-secondary: #111827;
110
+ --seekora-docsearch-border: #374151;
111
+ --seekora-docsearch-border-light: #374151;
112
+ --seekora-docsearch-shadow: rgba(0, 0, 0, 0.3);
113
+ --seekora-docsearch-shadow-strong: rgba(0, 0, 0, 0.5);
114
+ --seekora-docsearch-overlay: rgba(0, 0, 0, 0.6);
115
+ --seekora-docsearch-highlight-bg: rgba(124, 138, 255, 0.15);
116
+ --seekora-docsearch-highlight-text: #a5b4fc;
117
+ --seekora-docsearch-hit-bg: transparent;
118
+ --seekora-docsearch-hit-bg-hover: #374151;
119
+ --seekora-docsearch-hit-bg-selected: #312e81;
120
+ --seekora-docsearch-icon: #6b7280;
121
+ --seekora-docsearch-icon-active: #7c8aff;
122
+ --seekora-docsearch-key-bg: #374151;
123
+ --seekora-docsearch-key-border: #4b5563;
124
+ --seekora-docsearch-key-text: #9ca3af;
125
+ }
126
+ }
package/package.json ADDED
@@ -0,0 +1,42 @@
1
+ {
2
+ "name": "@seekora-ai/docsearch-css",
3
+ "version": "1.0.0",
4
+ "description": "Seekora DocSearch CSS - Styles for documentation search components",
5
+ "main": "dist/index.css",
6
+ "style": "dist/index.css",
7
+ "exports": {
8
+ ".": "./dist/index.css",
9
+ "./variables.css": "./dist/variables.css",
10
+ "./package.json": "./package.json"
11
+ },
12
+ "files": [
13
+ "dist",
14
+ "README.md"
15
+ ],
16
+ "scripts": {
17
+ "build": "node build.js",
18
+ "dev": "node build.js --watch",
19
+ "clean": "rm -rf dist",
20
+ "test": "echo \"No tests\" && exit 0"
21
+ },
22
+ "keywords": [
23
+ "seekora",
24
+ "docsearch",
25
+ "css",
26
+ "styles",
27
+ "documentation",
28
+ "search"
29
+ ],
30
+ "author": "Seekora",
31
+ "license": "MIT",
32
+ "repository": {
33
+ "type": "git",
34
+ "url": "https://github.com/seekora/seekora-docsearch.git",
35
+ "directory": "packages/css"
36
+ },
37
+ "devDependencies": {
38
+ "postcss": "^8.4.35",
39
+ "postcss-import": "^16.0.0",
40
+ "cssnano": "^6.0.3"
41
+ }
42
+ }