Repository navigation

refactor!: rebuild the component library on Base UI + Tailwind v4 for UI3 - #1

Merged

eteplus merged 162 commits into

mainfrom

refactor/tailwind-base-ui

Oct 30, 2026

Merged

refactor!: rebuild the component library on Base UI + Tailwind v4 for UI3#1
eteplus merged 162 commits into
mainfrom
refactor/tailwind-base-ui

Commits on Oct 25, 2026
- docs: add glossary and adr for figma-theme single source
  eteplus
  committed
  14a049a
- test: add vitest unit and browser-mode behavior tests
  eteplus
  committed
  61adc08
- test(react): add vitest visual regression baselines
  eteplus
  committed
  3dc51a9
- build: migrate toolchain to vite-plus, oxlint and tsdown
  eteplus
  committed
  7848587
- style: adopt oxfmt and fix lint warnings
  eteplus
  committed
  98e6437
- refactor!: migrate from UnoCSS to Tailwind CSS v4
  eteplus
  committed
  65dbaaf
- build(theme): exclude generated css from oxfmt
  eteplus
  committed
  506451a
- refactor(separator): migrate to base ui
  eteplus
  committed
  422c341
- refactor(label): replace radix label with native label
  eteplus
  committed
  72444c9
- refactor(button): migrate button and action-icon to base ui
  eteplus
  committed
  abbe340
- refactor(toggle): migrate to base ui
  eteplus
  committed
  a99aeb9
- refactor(toggle-group)!: migrate to base ui
  eteplus
  committed
  e1c96c3
- refactor(checkbox)!: migrate to base ui
  eteplus
  committed
  ce9f65c
- refactor(switch): migrate to base ui
  eteplus
  committed
  90d7909
- refactor(radio)!: migrate to base ui
  eteplus
  committed
  8e6d9b7
- refactor(slider)!: migrate to base ui
  eteplus
  committed
  e7f38b6
- refactor(scroll-area)!: migrate to base ui
  eteplus
  committed
  60faeae
- refactor(tabs)!: migrate to base ui
  eteplus
  committed
  70d7dd6
- refactor(tooltip)!: migrate to base ui
  eteplus
  committed
  c7a88bd
- fix(playground): adapt slider onValueChange to base ui value type
  eteplus
  committed
  e4eff16
- refactor(popover)!: migrate to base ui
  eteplus
  committed
  d29d27c
- refactor(dropdown-menu)!: migrate to base ui
  eteplus
  committed
  763298d
- refactor(select)!: migrate to base ui
  eteplus
  committed
  42d52e5
- fix(playground): adapt tooltip usage to base ui
  eteplus
  committed
  2e5a9c5
- refactor(dialog)!: migrate to base ui
  eteplus
  committed
  f2e89e3
- refactor(alert-dialog)!: migrate to base ui
  eteplus
  committed
  32893e7
- refactor(sheet)!: migrate to base ui
  eteplus
  committed
  097368c
- chore!: remove radix ui and release 0.1.0
  eteplus
  committed
  f90f237
- style(react): use canonical tailwind classes for data variants and arrow offsets
  eteplus
  committed
  964cf66
- docs: define UI Kit and Elevation; ignore local devin config
  eteplus
  committed
  4c78cb4
- feat(theme)!: add UI3 typography, elevation tokens and renumber spacing
  eteplus
  committed
  6645e7a
- test(react): require pixel-exact visual matches
  eteplus
  committed
  200068d
- style(button,action-icon): adopt UI3 geometry, focus ring and states from figma-kit
  eteplus
  committed
  002700f
- style(input,textarea): adopt UI3 24px outline-only fields from figma-kit
  eteplus
  committed
  261c64b
- style(checkbox): adopt UI3 16px checkbox from figma-kit
  eteplus
  committed
  0190419
- style(radio): adopt UI3 radio and fix off-center checked dot
  eteplus
  committed
  450ab1e
- style(switch): adopt UI3 32x16 switch from figma-kit
  eteplus
  committed
  0efc0f8
- style(tabs): adopt UI3 chip tabs from figma-kit
  eteplus
  committed
  ee39010
- style(slider): adopt UI3 slider with centered thumbs from figma-kit
  eteplus
  committed
  f293d5c
- style(toggle-group): adopt UI3 segmented control from figma-kit
  eteplus
  committed
  8d102a4
- style(tooltip): adopt UI3 tooltip with elevation-300 shadow
  eteplus
  committed
  f29a7ca
- style(popover): adopt UI3 dialog-base surface with elevation-500
  eteplus
  committed
  11793ed
- style(dropdown-menu): adopt UI3 menu surface from figma-kit
  eteplus
  committed
  ba50ff0
- style(select): adopt UI3 select trigger and menu from figma-kit
  eteplus
  committed
  f961f4e
- style(dialog): adopt UI3 dialog surface, overlay and title
  eteplus
  committed
  1b34130
- style(alert-dialog): adopt UI3 dialog surface and spacing
  eteplus
  committed
  eac1827
- style(sheet): use theme overlay and dialog title typography
  eteplus
  committed
  211eab3
- style(toast,toggle,label): switch generic Tailwind values to theme tokens
  eteplus
  committed
  5db6294
- docs(changelog): describe UI3 component restyle
  eteplus
  committed
  e517b77
Commits on Oct 26, 2026
- docs: move migration reports to docs/migration and drop scratch notes
  eteplus
  committed
  9951305
- test(react): harden visual test tooling
  eteplus
  committed
  ed3ff1a
- docs: add AGENTS.md and figma runtime color extraction notes
  eteplus
  committed
  2c0e895
- ci: run check, typecheck, tests and build on github actions
  eteplus
  committed
  79de53d
- ci: bump actions to v6/v7 and cache playwright browsers
  eteplus
  committed
  5e37b31
- test(react): honor storybook centered layout and kebab-case baselines
  eteplus
  committed
  0d4feda
- fix(react): resolve remaining a11y lint warnings
  eteplus
  committed
  0404143
- refactor: colocate tests under tests/ directories
  eteplus
  committed
  b72691c
- chore: replace eslint vscode config with oxc toolchain settings
  eteplus
  committed
  ea2b7e2
- refactor: enforce func-style declarations
  eteplus
  committed
  324fec1
- chore(react)!: require react 19
  eteplus
  committed
  3849213
- chore: group pnpm catalogs, bump typescript 7 and vite-plus 1.4, add taze
  eteplus
  committed
  36ed77d
- chore: bump deps to latest and pnpm to 12
  eteplus
  committed
  ec4917a
- refactor(react): add base-ui infra utils and shared menu classes
  eteplus
  committed
  e8a645c
- feat(theme): add icon-* color scope writing --color-icon
  eteplus
  committed
  b1b153b
- feat(react)!: require aria-label on ActionIcon
  eteplus
  committed
  4039e3f
- feat(react): add selectOnClick to input
  eteplus
  committed
  b02c12b
- feat(react): add context-menu and segmented-control
  eteplus
  committed
  a290e73
- feat(react): add value-field family
  eteplus
  committed
  67632bc
- test(react): add utility contract tests
  eteplus
  committed
  f661179
- docs: acknowledge figma-kit in readme
  eteplus
  committed
  d815339
- feat(react): add ui3 icon set via createIcon factory
  eteplus
  committed
  10b7446
- fix(react): select scroll arrows, context-menu trigger, multi-field sizing
  eteplus
  committed
  d9118e1
- refactor(react)!: fold segmented-control into toggle-group
  eteplus
  committed
  120317c
- fix(react): pin select trigger chevron to the right edge
  eteplus
  committed
  75adcfd
- feat(react)!: align control sizes and variants with ui3 spec
  eteplus
  committed
  7a715f4
- fix(react): apply ui3 spec details to checkbox, menus, tabs
  eteplus
  committed
  990bc0f
- feat(react): add switch indeterminate state and refine toggle pressed look
  eteplus
  committed
  ab167ab
- feat(react): add slider hints/baseValue and dialog chrome
  eteplus
  committed
  a4e8d66
Commits on Oct 27, 2026
- feat(react): add Badge component per UI3 spec
  eteplus
  committed
  38973d7
- feat(react): add Avatar and AvatarGroup per UI3 spec
  eteplus
  committed
  a4e9c3e
- feat(react): add VisualBell component per UI3 spec
  eteplus
  committed
  3ef8fcc
- feat(react): add Swatch fill-preview chit
  eteplus
  committed
  d71e0c6
- feat(react): restyle toast per UI3 notification spec
  eteplus
  committed
  b088bb4
- fix(react): toast close button and loading icon placement
  eteplus
  committed
  4d5f99d
- feat(react): drop non-spec toast close button
  eteplus
  committed
  3e4397e
- feat(react): add Radio button variant per UI3 spec
  eteplus
  committed
  3f21bac
- feat(react): add Checkbox muted/ghost variants + description story
  eteplus
  committed
  52af88e
- fix(react): render indeterminate checkbox as a filled box
  eteplus
  committed
  cda58b7
- feat(react): add menu trail parts per UI3 spec
  eteplus
  committed
  4fe61c6
- feat(react): add Toggle stroke variant per UI3 spec
  eteplus
  committed
  ceac639
- feat(react): add icon prop to SelectTrigger per UI3 spec
  eteplus
  committed
  34c8525
- fix(react): flush select chevron to the trigger edge
  eteplus
  committed
  2516f7a
- feat(react): add color slider variants per UI3 spec
  eteplus
  committed
  8e377a2
- fix(react): match slider hints and modified thumb to UI3 spec
  eteplus
  committed
  cf556c9
- fix(react): inset slider draggable span by a full thumb width
  eteplus
  committed
  3e474fc
- fix(react): restore slider thumb flush to track end
  eteplus
  committed
  e0ecb33
- fix(react): clip slider range to track bounds
  eteplus
  committed
  1a23c9a
- fix(react): resolve slider range percentages against control width
  eteplus
  committed
  4444ba1
- fix(react): render gradient slider thumbs as floating pin chits
  eteplus
  committed
  fec25c0
- fix(react): sharpen gradient pin notch to spec triangle
  eteplus
  committed
  8e93967
- fix(react): widen gradient pin inner inset when focused
  eteplus
  committed
  c065535
- fix(react): unify gradient pin inset and neutral swatch base
  eteplus
  committed
  1b2cee4
- feat(react): add VariableChip for applied-variable pills
  eteplus
  committed
  37e3c9d
- fix(react): center LinkBrokenIcon glyph in its viewBox
  eteplus
  committed
  cac3833
- fix(react): match variable-chip story field width to spec
  eteplus
  committed
  1c27d13
- feat(react): add SegmentedControl and align segment states with spec
  eteplus
  committed
  9f32e8a
- feat(react): add LinkTooltip and tooltip hotkey hint
  eteplus
  committed
  3f3ab8e
- fix(react): clamp toast message to two lines per spec
  eteplus
  committed
  38eb01b
- test(visual): report scroll offsets and focused element in probe
  eteplus
  committed
  26aff16
- feat(react): add scrollable overflow fade to tab list
  eteplus
  committed
  1315a47
- feat(react): add Mail and Folder icons for link tooltip rows
  eteplus
  committed
  e00f7ce
- fix(react): clip link-tooltip action hover to rounded corners
  eteplus
  committed
  71675b3
- feat(react): anchor link tooltips to fields via LinkTooltipPopup
  eteplus
  committed
  165e3ba
- fix(react): align slider geometry with live UI3 dev spec
  eteplus
  committed
  7ae28fc
- fix(react): align tooltip geometry with live UI3 dev spec
  eteplus
  committed
  8a436d4
- fix(react): align variable chip with live UI3 dev spec
  eteplus
  committed
  b55629b
- fix(react): align toast with live UI3 dev spec
  eteplus
  committed
  3f8f4f8
- fix(react): clip toast action hover to rounded corners
  eteplus
  committed
  ec59881
- fix(react): size link tooltip rows to content
  eteplus
  committed
  874ba1c
- fix(react): align menus with live UI3 dev spec
  eteplus
  committed
  973811d
- fix(react): align checkbox with live UI3 dev spec
  eteplus
  committed
  8341163
- fix(react): align radio focus ring and pill label weight with UI3 spec
  eteplus
  committed
  3e47c21
- fix(react): align switch with live UI3 dev spec
  eteplus
  committed
  db30ce0
- fix(react): align visual bell with live UI3 dev spec
  eteplus
  committed
  6bef3e0
- fix(react): align avatar typography with live UI3 dev spec
  eteplus
  committed
  bf76a47
- fix(react): align badge variants and padding with live UI3 dev spec
  eteplus
  committed
  9f308a5
- fix(react): align dialog section padding with live UI3 dev spec
  eteplus
  committed
  9410c8c
- test(react): rebase icons-set baseline for 1px indeterminate dash
  eteplus
  committed
  21da546
- fix(react): remove section dividers from dialog per UI3 spec
  eteplus
  committed
  4b0ca1b
- fix(react): align input family geometry with UI3 spec
  eteplus
  committed
  6b1eef5
- fix(theme): reconcile color tokens with exported UI3 variables
  eteplus
  committed
  e12149b
- fix(theme): prefer Roboto Mono for code font per UI3 typography export
  eteplus
  committed
  0802022
Commits on Oct 28, 2026
- test(vrt): rename PascalCase baselines to kebab-case
  eteplus
  committed
  ddbeacf
- docs: adopt the UI3 Design file as the single design reference
  eteplus
  committed
  9a8c328
- feat(theme): generate tokens from the Design file variable export
  eteplus
  committed
  c7051e9
- feat(theme): support all eight editor theme modes
  eteplus
  committed
  7b35c30
- docs(agents): note byte-only baseline rewrites after vrt updates
  eteplus
  committed
  70fc74a
- test(vrt): compare screenshots strictly and refresh stale baselines
  eteplus
  committed
  1f1f3a0
- feat(button): align Button API and styles with the UI3 Design file
  eteplus
  committed
  916f8dc
- feat(react): align icon buttons with the UI3 Design file
  eteplus
  committed
  5286978
- feat(react): add ActionIconSplit for the Button icon split spec
  eteplus
  committed
  612b07a
- feat(react): align menu rows with the UI3 Design file
  eteplus
  committed
  636944c
- feat(react): align fields and chips with the UI3 Design file
  eteplus
  committed
  7aee1a2
- feat(react): align slider and swatch with the UI3 Design file
  eteplus
  committed
  db79c2c
- fix(react): use a round chit inside slider thumbs
  eteplus
  committed
  3942017
- fix(react): keep the slider thumb chit round
  eteplus
  committed
  51f03d2
- fix(react): shrink the slider thumb chit to spec size
  eteplus
  committed
  e013235
- feat(react): align avatar and badge with the UI3 Design file
  eteplus
  committed
  59d0d20
- feat(react): align radio, tabs, toast, bell, and scroll area with the UI3 Design file
  eteplus
  committed
  f456054
- fix(react): resolve remaining UI3 audit items
  eteplus
  committed
  e54cd1e
- docs: correct stale UI3 claims in the 0.1.0 changelog
  eteplus
  committed
  d479dbb
- fix(react): flush the slider range fill to the track caps and fix vertical
  eteplus
  committed
  93f8888
- fix(react): hide the native scrollbar on scrollable tab lists
  eteplus
  committed
  14c050e
- feat(playground): rebuild as a component showcase
  eteplus
  committed
  2d40a40
Commits on Oct 30, 2026
- chore: consolidate third-party attributions into NOTICE.md
  eteplus
  committed
  0fdce97
- ci: build the workspace before running checks
  eteplus
  committed
  0582d60
- ci: publish releases on version tags
  eteplus
  committed
  6beea77
- ci: rely on npm trusted publishing for release auth
  eteplus
  committed
  882ae52
- test(theme): assert the nested figjam light selectors
  eteplus
  committed
  c368c88
- ci: deploy storybook and playground to github pages
  eteplus
  committed
  903ca82
- docs: record the release and pages workflows
  eteplus
  committed
  51ab8af
- chore: let release.yml own the GitHub release
  eteplus
  committed
  537aec0

Commits

Commits on Oct 25, 2026

Commits on Oct 26, 2026

Commits on Oct 27, 2026

Commits on Oct 28, 2026