Skip to content

Keep theming out of component README prose (#733) - #736

Open
adamkudrna wants to merge 1 commit into
masterfrom
docs/733-remove-theming-from-readme-prose
Open

Keep theming out of component README prose (#733)#736
adamkudrna wants to merge 1 commit into
masterfrom
docs/733-remove-theming-from-readme-prose

Conversation

@adamkudrna

@adamkudrna adamkudrna commented Sep 7, 2026

Copy link
Copy Markdown
Member

Component READMEs are reused in downstream design systems where theming is an implementation detail, so the whole ## Theming section is dropped when syncing. Today that cut is not safe: theming leaks into prose elsewhere in the file, which turns every upstream edit into a manual sync conflict.

This moves every theming reference into the ## Theming section, so removing that section leaves a coherent document.

Changes

  • Dropped theming links and the clauses that only describe theming from Card, Paper, FormLayout, TextField, TextArea, and SelectField.
  • Split Styling the Required State in CheckboxField, Radio, SelectField, and Toggle into two parts:
    • Rendering as Required under States keeps the renderAsRequired prop story, with a plain example.
    • Theming the Required State under Theming carries the Forms Theming link, the label color edge case, and the example that overrides --rui-* custom properties.
  • Moved the Popover z-index section under Theming — it documented nothing but the --rui-Popover__z-index override, which is already listed in the theming table.
  • Inlined the [theming-forms] link in TextField so its definition doesn't outlive the section that uses it.
  • Repointed the four component links in Forms Theming to the new anchors.
  • Recorded the rule in the contributing guide and in Claude rules.

Verification

  • npm run lint and mkdocs build pass.
  • No theming mention or --rui-* custom property is left above a ## Theming heading, apart from ScrollView, whose --rui-local-* properties are arguments for the startShadowBackground and endShadowBackground options, not theming options.
  • Simulated the downstream cut on all 20 READMEs with a ## Theming section: no leftovers and no orphaned link reference definitions.

Closes #733

Component READMEs are reused downstream where theming is an implementation
detail, so the whole `## Theming` section is dropped when syncing. Move every
theming reference into that section so the cut leaves a coherent document:

* Drop theming links and the clauses describing them from `Card`, `Paper`,
  `FormLayout`, `TextField`, `TextArea`, and `SelectField`.
* Split `Styling the Required State` in `CheckboxField`, `Radio`, `SelectField`,
  and `Toggle` into `Rendering as Required` (the `renderAsRequired` prop) and
  `Theming the Required State` (the label color edge case and its example).
* Move the `Popover` `z-index` section under `Theming`.
* Record the rule in the contributing guide and Claude rules.
@github-actions

github-actions Bot commented Sep 7, 2026

Copy link
Copy Markdown
Contributor
PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://react-ui-org.github.io/react-ui/pr-preview/pr-736/

Built to branch gh-pages at 2026-09-07 18:37 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

@bedrich-schindler

Copy link
Copy Markdown
Contributor

Not sure whether I like this change or not, but approving anyway.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Remove all mentions of theming from README prose to make downstream sync easier

2 participants