Skip to content

feat(styles,react): move documentation to Ippon UI style#17

Merged
Gnuk merged 1 commit into
mainfrom
15-pattern-library-au-style-d-ippon
Jul 8, 2026
Merged

feat(styles,react): move documentation to Ippon UI style#17
Gnuk merged 1 commit into
mainfrom
15-pattern-library-au-style-d-ippon

Conversation

@Gnuk

@Gnuk Gnuk commented Jul 8, 2026

Copy link
Copy Markdown
Collaborator

Closes #15

What

Switch the Tikui documentation site to the Ippon UI design system, and drop the tikuidoc-tikui theme dependency.

How

  • Remove the documentation field from tikuiconfig.json: @tikui/core then resolves the documentation theme from the project itself (src/documentation/ and part/) instead of the tikuidoc-tikui package, which is removed from the dependencies. No tikuidoc.json is needed: since the theme lives in src/, documentation/style.scss and documentation/scripts/ are handled by the standard sass/assets pipeline.
  • New in-house documentation theme built with Ippon UI components (ippon-layout template for the page shell, ippon-header, ippon-tabs/ippon-tab, ippon-card, ippon-v-space, ippon-grid, ippon-button-card, ippon-title, ippon-text, ippon-button) and --ippon-* tokens; only doc-specific bits (ipp-doc-*: page shell with sticky/responsive side nav, render iframe, code snippets) get dedicated styles.
  • Component improvements driven by the doc needs: table molecule (-minimal cells, row headers), title-display colors (same classes as text), title/title-display never underlined; token tables now use the ippon-table molecule.
  • IpponTitleDisplay React component (tag, size, color props) with stories and tests, for parity with the title-display atom.
  • Documentation pages migrated from tikui-* theme classes to Ippon UI markup, rebranded to “Ippon UI”; the home page documents the npm installation alongside the stylesheet-link usage.
  • Versions bumped (styles 0.0.10, react 0.0.9) with the changelog entry.

🤖 Generated with Claude Code

https://claude.ai/code/session_01KaHeFgHu74yMvMDcCgVHkW

@Gnuk Gnuk force-pushed the 15-pattern-library-au-style-d-ippon branch 3 times, most recently from b2dbdb6 to 79f760f Compare July 8, 2026 12:11
Comment thread styles/part/component.pug Outdated
@Gnuk Gnuk force-pushed the 15-pattern-library-au-style-d-ippon branch from 79f760f to 3340a03 Compare July 8, 2026 14:19
Comment thread styles/src/documentation/atomic-design/quote/template.pug Outdated
Comment thread styles/src/documentation/mixin.pug Outdated
@Gnuk Gnuk force-pushed the 15-pattern-library-au-style-d-ippon branch 7 times, most recently from 53f0f7e to bba9acc Compare July 8, 2026 15:15
@Gnuk Gnuk force-pushed the 15-pattern-library-au-style-d-ippon branch from bba9acc to 3363fed Compare July 8, 2026 15:16
@Gnuk Gnuk changed the title feat(styles): move documentation to Ippon UI style feat(styles,react): move documentation to Ippon UI style Jul 8, 2026
@Gnuk Gnuk marked this pull request as ready for review July 8, 2026 15:19
@Gnuk Gnuk merged commit b1ff37c into main Jul 8, 2026
3 checks passed
@Gnuk Gnuk deleted the 15-pattern-library-au-style-d-ippon branch July 8, 2026 15:20
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.

Pattern library au style d'ippon

1 participant