Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
87 commits
Select commit Hold shift + click to select a range
ffe175f
[material-ui] Add CSS-var density adapter experiment (Button)
siriwatknp Jun 5, 2026
40ea056
[docs] Fix density experiment CI: Head description, prettier, vale prose
siriwatknp Jun 5, 2026
a5c6e86
[docs] Fix Button a11y snapshot (avoid-inline-spacing) + mobile layou…
siriwatknp Jun 5, 2026
8e355ec
[material-ui] Shorten Button internal density var to unprefixed --_pa…
siriwatknp Jun 5, 2026
2748d1c
[material-ui] Refine Button density adapter: variants-resolved --_pad…
siriwatknp Jun 7, 2026
71c782c
[material-ui] Density adapter for OutlinedInput + generic InputLabel …
siriwatknp Jun 7, 2026
ce6e68c
[docs] Local Playwright density-screenshot harness
siriwatknp Jun 7, 2026
a89c062
[material-ui] Add OutlinedInput inline padding base token
siriwatknp Jun 7, 2026
5bb9e6e
[docs] Add OutlinedInput padInline to density-screenshot fixture scopes
siriwatknp Jun 7, 2026
cce0ad0
[material-ui] OutlinedInput: tokenize padding in place, size both axes
siriwatknp Jun 7, 2026
ac28cca
[docs] Density fixture: drive OutlinedInput inline via per-size tokens
siriwatknp Jun 7, 2026
bad674b
[material-ui] Roll out CSS-var density adapter to dashboard components
siriwatknp Jun 7, 2026
40a893d
[docs] Document the dense state-token pattern
siriwatknp Jun 8, 2026
e7342e4
[material-ui] Density adapter: Checkbox, Radio, Switch via SwitchBase
siriwatknp Jun 8, 2026
28d6b6b
[docs] Document the shared internal base pattern (Recipe C)
siriwatknp Jun 8, 2026
ddfcd90
[material-ui] Switch density: derive pad/travel from interlocked dims
siriwatknp Jun 8, 2026
dd57b71
[docs] Update Switch density: interlocked geometry, derive coupled va…
siriwatknp Jun 8, 2026
7d9679b
[material-ui] Switch: tokenize track gutter (--Switch-<size>-pad)
siriwatknp Jun 8, 2026
ada1d5e
[material-ui] Switch: derive track borderRadius from height + gutter
siriwatknp Jun 8, 2026
c8ca3cb
[material-ui] enhanceDensity: add xxl step, wire Switch dims
siriwatknp Jun 8, 2026
0283500
[material-ui] enhanceDensity: compose Switch dims to match default sizes
siriwatknp Jun 8, 2026
d1f3d0d
[material-ui] Fix density seams: OutlinedInput label, MenuItem icon, …
siriwatknp Jun 8, 2026
7c4b598
[docs] Add density-showcase experiment; share demos with fixture
siriwatknp Jun 8, 2026
95ab46b
[material-ui] Chip: scale avatar/icon/deleteIcon with --Chip-height
siriwatknp Jun 8, 2026
9ee251e
[docs] density demos: drop filled-variant inputs (no density support …
siriwatknp Jun 8, 2026
f4f5f9d
Merge branch 'master' into exp/css-var-density-adapter
siriwatknp Jun 11, 2026
38ea6cc
[docs] density-showcase: add outline toggle to reveal density effect
siriwatknp Jun 11, 2026
5638e0e
[material-ui] Density token variable prefix experiment (ADR-0003)
siriwatknp Jun 22, 2026
823ff3c
[material-ui] Separate agnostic seam from public token (ADR-0003)
siriwatknp Jun 22, 2026
45dbeb2
[docs] ADR-0003: custom sizes out of density scope; per-component sid…
siriwatknp Jun 22, 2026
2904bfa
[Button] de-prefix density tokens to static private_buttonVars (Optio…
siriwatknp Jun 30, 2026
c479959
[enhanceDensity] Button mapping via static private_buttonVars + proto…
siriwatknp Jun 30, 2026
2ed665b
[docs] density experiment page — Button canvas + preset + token mapping
siriwatknp Jun 30, 2026
649005a
[docs] density experiment: key-shortcut ergonomics (datalist, px lege…
siriwatknp Jun 30, 2026
e9488e6
[docs] density experiment: enable component selector + All option
siriwatknp Jul 1, 2026
a633ba9
[docs] density experiment: mapping helper shows resolved px only
siriwatknp Jul 1, 2026
5a8579a
[docs] density experiment: plain text mapping inputs (drop datalist)
siriwatknp Jul 1, 2026
cde0d25
[docs] remove ADRs + CONTEXT.md from prototype PR
siriwatknp Jul 1, 2026
afea56f
[docs] drop dangling ADR references from density comments
siriwatknp Jul 1, 2026
5389da7
[docs] scope density prototype to Button only
siriwatknp Jul 1, 2026
dd301fc
density Epic 2 foundation: split enhanceDensity into 3 preset fns
siriwatknp Jul 1, 2026
f73c182
density: rename experiment page url to density-playground
siriwatknp Jul 1, 2026
6b4b71b
density: nest preset typography under variant key ({ button: {...} })
siriwatknp Jul 1, 2026
af74d4d
density: drop typography config, colocate per-preset in enhance* files
siriwatknp Jul 1, 2026
7bebb83
density: applyDensity emits scale only; presets own component-var map…
siriwatknp Jul 1, 2026
f7f8f2f
density: addRootOverride mutates in place, drop call-site reassignment
siriwatknp Jul 1, 2026
144c689
density playground: visual debug toolbar (padding + text box overlays)
siriwatknp Jul 1, 2026
c10aa5d
density playground: padding overlay highlights only the ring, not con…
siriwatknp Jul 1, 2026
cb44687
density Epic 2: MenuItem coverage (dense axis)
siriwatknp Jul 1, 2026
533d779
density Epic 2 MenuItem: camelCase token names (blockPad not block-pad)
siriwatknp Jul 1, 2026
1ab99af
Merge pull request #7 from siriwatknp/exp/density-menu
siriwatknp Jul 1, 2026
b427612
density playground: interactive vars mapping for MenuItem
siriwatknp Jul 1, 2026
38db47a
density MenuItem: route ≥sm auto-collapse through --_minHeight
siriwatknp Jul 1, 2026
47f6b7a
density MenuItem: express ≥sm auto-collapse as seam fallback, not --_…
siriwatknp Jul 1, 2026
5b01061
density: sizing props use raw px, density steps are spacing-only
siriwatknp Jul 1, 2026
e611875
density: tokenize List blockPad + Menu popover demo + rename playgrou…
siriwatknp Jul 1, 2026
bc159c0
density: rule-4 consume shape + CSS-value mapping input + MenuItem te…
siriwatknp Jul 1, 2026
8f86098
density playground: sync sizing field defaults with the active preset
siriwatknp Jul 1, 2026
c740e0a
density playground: top control bar + scrollable panels + compact header
siriwatknp Jul 1, 2026
cbf129a
density playground: preset labels to plain words (none/compact/normal…
siriwatknp Jul 1, 2026
c5d5cf9
density Tooltip: tokenize bubble (blockPad/inlinePad/offset/arrowSize…
siriwatknp Jul 1, 2026
ab1aac8
density OutlinedInput: tokenize input padding + InputLabel bridge + I…
siriwatknp Jul 1, 2026
51f6307
density FilledInput: tokenize box padding (per size) + two-value labe…
siriwatknp Jul 1, 2026
82d6a34
density Input (standard): tokenize input top/bottom padding on the st…
siriwatknp Jul 1, 2026
fcfb817
density Tabs: tokenize Tab (default + icon+label states) + Tabs root …
siriwatknp Jul 1, 2026
afda32e
density Checkbox: tokenize SwitchBase hit-area padding, route per-siz…
siriwatknp Jul 1, 2026
ecf7a35
density CardContent: tokenize body padding + last-child bottom padding
siriwatknp Jul 1, 2026
83e5051
density Select: tokenize content-box minHeight floor (raw px per preset)
siriwatknp Jul 1, 2026
2d46444
density Alert: tokenize root padding + icon gap (from scratch)
siriwatknp Jul 1, 2026
361d6d3
density Chip: tokenize height (drives avatar/icon via calc) + label i…
siriwatknp Jul 1, 2026
e632d85
density Accordion: tokenize summary min-height/margin/pad + details p…
siriwatknp Jul 1, 2026
c682b88
density Radio: route per-size touch-target padding into SwitchBase se…
siriwatknp Jul 1, 2026
3d7087d
density Breadcrumbs: tokenize separator inline gap
siriwatknp Jul 1, 2026
da2e8ad
density ToggleButton: tokenize uniform padding per size
siriwatknp Jul 1, 2026
054a30c
density Avatar: tokenize square size (raw px per preset)
siriwatknp Jul 1, 2026
ef7b960
density Badge: tokenize bubble size + padding per state (standard / dot)
siriwatknp Jul 1, 2026
b8a2372
density ButtonGroup: tokenize grouped-button min-width floor
siriwatknp Jul 1, 2026
8dbcaa6
density Table (TableCell): tokenize cell padding (block per size + sh…
siriwatknp Jul 1, 2026
225a541
density Autocomplete: tokenize option list geometry (mirrors MenuItem)
siriwatknp Jul 1, 2026
c56b026
density Stepper: tokenize Step gutter + StepLabel icon gap
siriwatknp Jul 1, 2026
bd2830e
density AppBar/Toolbar: tokenize gutter padding + dense min-height
siriwatknp Jul 1, 2026
5076b80
density Fab: tokenize circular size per size (raw px)
siriwatknp Jul 1, 2026
d1ae26a
density Pagination: tokenize PaginationItem box size per size (raw px)
siriwatknp Jul 1, 2026
eb4be86
density Snackbar (SnackbarContent): tokenize root padding
siriwatknp Jul 1, 2026
0ec3c63
density BottomNavigation: tokenize bar height + action inline padding
siriwatknp Jul 1, 2026
27147cf
density Dialog: tokenize title/content/actions padding
siriwatknp Jul 1, 2026
ed8a545
density List: tokenize ListItemButton block/dense/gutters padding
siriwatknp Jul 1, 2026
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -53,3 +53,8 @@ test-results/
# typescript
*.tsbuildinfo
next-env.d.ts

# density-adapter screenshot harness (local-only outputs)
/density-screenshots/
/scripts/density-screenshots/__baselines__/
/scripts/density-screenshots/.playwright-output/
8 changes: 8 additions & 0 deletions docs/data/material/components/buttons/buttons.a11y.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@
"status": "pass",
"tags": ["wcag2a"]
},
"avoid-inline-spacing": {
"status": "pass",
"tags": ["wcag21aa"]
},
"button-name": {
"status": "pass",
"tags": ["wcag2a"]
Expand Down Expand Up @@ -61,6 +65,10 @@
"status": "pass",
"tags": ["wcag2a"]
},
"avoid-inline-spacing": {
"status": "pass",
"tags": ["wcag21aa"]
},
"button-name": {
"status": "pass",
"tags": ["wcag2a"]
Expand Down
Loading
Loading