Skip to content

UILD-761: Stripes reconciliation#348

Merged
zepheiryan merged 22 commits intomasterfrom
UILD-761
Apr 6, 2026
Merged

UILD-761: Stripes reconciliation#348
zepheiryan merged 22 commits intomasterfrom
UILD-761

Conversation

@zepheiryan
Copy link
Copy Markdown
Contributor

@zepheiryan zepheiryan commented Apr 1, 2026

https://folio-org.atlassian.net/browse/UILD-761

Align styling more closely to Stripes. In addition to aligning styling to Stripes:

  • Remove as many one-off styles as possible to ensure the core styling is used globally
  • Remove React-based styling as used in react-select based components, switch to CSS to use variables
  • Consolidate all colors into common.scss
  • Consolidate all common modal styling into Modal component and remove duplication
  • Add a custom dropdown icon to native select
  • Remove ButtonType.Passive, never used directly and only as the default, changing most instances that didn't define a type to ButtonType.Icon. ButtonType.Primary is now the default, though all Buttons are now using a defined type
  • Use Button instead of native button almost everywhere
  • Use Select instead of native select in ModalChooseProfile
  • Make sure FocusTrap always has a fallback focus element (the actual modal container) to avoid its crash error about no focusable elements taking over the screen
  • Fix a bug where Dropdown unintentionally traps focus and doesn't allow tabbing to any other element

I noticed that src/components/DeleteRecord/DeleteRecord.tsx is currently not referenced from anything, and I was not clear on whether src/views/Search/data/filters.ts or src/features/complexLookup/configs/complexLookupFilters.config.ts were somehow indirectly referenced either.

…ose button styling to use default Icon instead
…ve and use Primary as default, adapt most button elements to use Button component instead
…s and not just the main editor, remove React styled component and use SCSS instead to avoid inconsistency between global colors, etc.
…es up, by adding a focus fallback to the modal container itself
@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 1, 2026

Jest Unit Test Results

0 tests  ±0   0 ✅ ±0   0s ⏱️ ±0s
0 suites ±0   0 💤 ±0 
0 files   ±0   0 ❌ ±0 

Results for commit 7dcf326. ± Comparison against base commit bfea1b3.

♻️ This comment has been updated with latest results.

@zepheiryan zepheiryan marked this pull request as ready for review April 3, 2026 00:13
Comment thread src/features/complexLookup/components/ComplexLookupField/ComplexLookupField.scss Outdated
Comment thread src/components/Modal/Modal.scss Outdated
@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud bot commented Apr 6, 2026

@zepheiryan zepheiryan merged commit 2d7ee66 into master Apr 6, 2026
15 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants