@snapdragonsnursery/react-components 1.1.31 → 1.1.33

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@snapdragonsnursery/react-components",
3
- "version": "1.1.31",
3
+ "version": "1.1.33",
4
4
  "description": "",
5
5
  "main": "src/index.js",
6
6
  "scripts": {
@@ -467,7 +467,13 @@ const ChildSearchPage = ({
467
467
 
468
468
  {/* Advanced Filters */}
469
469
  {isAdvancedFiltersOpen && (
470
- <div className="mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
470
+ <div
471
+ className="mt-4 p-4 rounded-lg"
472
+ style={{
473
+ backgroundColor: 'hsl(var(--card))',
474
+ border: '1px solid hsl(var(--border))'
475
+ }}
476
+ >
471
477
  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
472
478
  {/* Status Filter */}
473
479
  <div>
@@ -482,6 +488,7 @@ const ChildSearchPage = ({
482
488
  status: e.target.value,
483
489
  }))
484
490
  }
491
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
485
492
  >
486
493
  <SelectOption value="all">All Children</SelectOption>
487
494
  <SelectOption value="active">Active Only</SelectOption>
@@ -505,6 +512,7 @@ const ChildSearchPage = ({
505
512
  selectedSiteId: e.target.value,
506
513
  }))
507
514
  }
515
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
508
516
  >
509
517
  <SelectOption value="">All Sites</SelectOption>
510
518
  {sites.map((site) => (
@@ -530,6 +538,7 @@ const ChildSearchPage = ({
530
538
  dobFrom: e.target.value,
531
539
  }))
532
540
  }
541
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
533
542
  />
534
543
  </div>
535
544
 
@@ -546,6 +555,7 @@ const ChildSearchPage = ({
546
555
  dobTo: e.target.value,
547
556
  }))
548
557
  }
558
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
549
559
  />
550
560
  </div>
551
561
 
@@ -565,6 +575,7 @@ const ChildSearchPage = ({
565
575
  }))
566
576
  }
567
577
  placeholder="0"
578
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
568
579
  />
569
580
  </div>
570
581
 
@@ -583,6 +594,7 @@ const ChildSearchPage = ({
583
594
  }))
584
595
  }
585
596
  placeholder="60"
597
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
586
598
  />
587
599
  </div>
588
600
 
@@ -599,6 +611,7 @@ const ChildSearchPage = ({
599
611
  sortBy: e.target.value,
600
612
  }))
601
613
  }
614
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
602
615
  >
603
616
  <SelectOption value="last_name">Last Name</SelectOption>
604
617
  <SelectOption value="first_name">First Name</SelectOption>
@@ -622,6 +635,7 @@ const ChildSearchPage = ({
622
635
  sortOrder: e.target.value,
623
636
  }))
624
637
  }
638
+ className="bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white"
625
639
  >
626
640
  <SelectOption value="asc">Ascending</SelectOption>
627
641
  <SelectOption value="desc">Descending</SelectOption>