feat(icons): add lucide-react icon library with healthcare icons#1
Merged
Conversation
Integrate lucide-react as the icon library and create a curated set of re-exported icons with consistent naming (suffixed with 'Icon'). - Add Icons module with ~160 icons across 14 categories - Add Healthcare & Medical category with 60+ medical icons: - Facilities: Hospital, Ambulance, Bed - Equipment: Stethoscope, Syringe, Thermometer, Microscope - Medications: Pill, Tablets - Labs: TestTube, Flask, DNA, Droplets - Body/Anatomy: Brain, Bone, Ear, Eye, HeartPulse - Patients: Patient, Baby, Accessibility - Records: ClipboardPlus, FileHeart - Add Storybook page with searchable icon gallery - Click-to-copy import statements for each icon - Export icons from main @mieweb/ui entry point
Member
|
@garrity-miepub the build is failing for this. |
Collaborator
Author
|
Weird. Let me look. I thought all the checks passed. |
- Move ActivityIcon to Data & Charts section (remove from Healthcare) - Move EyeIcon to Layout & View section (remove from Healthcare) - Eliminates duplicate export error in Storybook build
Deploying ui with
|
| Latest commit: |
bb02bcc
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://e878c202.ui-6d0.pages.dev |
| Branch Preview URL: | https://feature-icon-library.ui-6d0.pages.dev |
- Add lucide-react ^0.562.0 to dependencies (required for Icons module) - Add @tailwindcss/cli to devDependencies (required for CSS build) - Update react and react-dom to ^19.2.3
wreiske
approved these changes
Jan 22, 2026
garrity-miepub
added a commit
that referenced
this pull request
Jan 22, 2026
… use lucide-react AG Grid Header/Menu Icons: - Add agGridQuartzFont.css import to AGGrid.stories.tsx for icon font support - Add --ag-icon-font-family CSS variable set to 'agGridQuartz' in theme - Add explicit .ag-icon font-family rule to ensure icons render correctly - The --ag-font-family: inherit was overriding AG Grid's icon webfont Cell Renderer Icons: - Replace inline SVG icons with lucide-react icon components - EmailRenderer now uses MailIcon from Icons component - PhoneRenderer now uses PhoneIcon from Icons component - DomainRenderer now uses GlobeIcon from Icons component - LinkedInRenderer now uses Linkedin from lucide-react - BooleanRenderer now uses CheckCircleIcon and ClockIcon from Icons component - Ensures consistency with the new icon library added in PR #1 Misc: - Fix ESLint error in Icons.stories.tsx (escape quotes in JSX)
garrity-miepub
added a commit
that referenced
this pull request
Mar 23, 2026
Addresses Copilot review comment on PR #145: Step 8.3 audits raw <table> elements but the Step 10 Compliance Summary template had no corresponding row to record that metric. Added the missing row to keep the audit commands and report template in sync. This is the only change from the Copilot review we accepted. Comments #1 (Step 10 intro wording) and #3 (rule #8 append vs checkbox) were reviewed and intentionally skipped — see PR comments for rationale.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Integrate lucide-react as the icon library and create a curated set of re-exported icons with consistent naming (suffixed with 'Icon').
icons-page.mov