firka/flutter
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update the default outline color for OutlinedButton (#138768)

Browse Source 
Fix b/311343182

This is to update the default outline for `OutlinedButton`. When the button is focused, the outline color should be primary color.
This commit is contained in:
Qun Cheng
2023-11-22 12:16:37 -08:00
committed by GitHub
parent 843074c5bd
commit c7d4b32fdd
4 changed files with 36 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dev/tools/gen_defaults/generated/used_tokens.csv
View File

@@ -1,4 +1,4 @@
Versions used, v0_162, v0_158
Versions used, v0_162, v0_202, v0_158
md.comp.assist-chip.container.shape,
md.comp.assist-chip.container.surface-tint-layer.color,
md.comp.assist-chip.elevated.container.elevation,
@@ -453,6 +453,7 @@ md.comp.outlined-button.disabled.label-text.color,
md.comp.outlined-button.disabled.label-text.opacity,
md.comp.outlined-button.disabled.outline.color,
md.comp.outlined-button.disabled.outline.opacity,
md.comp.outlined-button.focus.outline.color,
md.comp.outlined-button.focus.state-layer.color,
md.comp.outlined-button.focus.state-layer.opacity,
md.comp.outlined-button.hover.state-layer.color,
1 Versions used, v0_162, v0_158 Versions used, v0_162, v0_202, v0_158
2 md.comp.assist-chip.container.shape,
3 md.comp.assist-chip.container.surface-tint-layer.color,
4 md.comp.assist-chip.elevated.container.elevation,
453 md.comp.outlined-button.disabled.label-text.opacity,
454 md.comp.outlined-button.disabled.outline.color,
455 md.comp.outlined-button.disabled.outline.opacity,
456 md.comp.outlined-button.focus.outline.color,
457 md.comp.outlined-button.focus.state-layer.color,
458 md.comp.outlined-button.focus.state-layer.opacity,
459 md.comp.outlined-button.hover.state-layer.color,

3
dev/tools/gen_defaults/lib/button_template.dart
View File

@@ -136,6 +136,9 @@ ${tokenAvailable("$tokenGroup.outline.color") ? '''
if (states.contains(MaterialState.disabled)) {
return ${border("$tokenGroup.disabled.outline")};
}
if (states.contains(MaterialState.focused)) {
return ${border('$tokenGroup.focus.outline')};
}
return ${border("$tokenGroup.outline")};
});''' : '''
// No default side'''}