Skip to content

Commit

Permalink
feat: [MDS-941] Change property names (#335)
Browse files Browse the repository at this point in the history 
Co-authored-by: BirgittMajas <79840500+BirgittMajas@users.noreply.github.com>
  • Loading branch information
@GittHub-d
GittHub-d and GittHub-d committed Jan 9, 2024
1 parent 69c61af commit ef79d4e
Show file tree
Hide file tree
Showing 35 changed files with 335 additions and 340 deletions.
4 changes: 2 additions & 2 deletions example/assets/code_snippets/accordion.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ class _AccordionState extends State<Accordion> {
() => _currentlyOpenAccordionItem = value,
),
leading: const Icon(MoonIcons.other_frame_24_light),
title: const Text("Grouped MoonAccordion item #1"),
label: const Text("Grouped MoonAccordion item #1"),
children: const [
Text(contentText),
],
Expand All @@ -50,7 +50,7 @@ class _AccordionState extends State<Accordion> {
() => _currentlyOpenAccordionItem = value,
),
leading: const Icon(MoonIcons.other_frame_24_light),
title: const Text("Grouped MoonAccordion item #2"),
label: const Text("Grouped MoonAccordion item #2"),
children: const [
Text(contentText),
],
Expand Down
8 changes: 4 additions & 4 deletions example/assets/code_snippets/alert.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,20 +11,20 @@ class Alert extends StatelessWidget {
MoonAlert(
show: true,
leading: const Icon(MoonIcons.other_frame_24_light),
title: const Text("Base MoonAlert"),
label: const Text("Base MoonAlert"),
trailing: MoonButton.icon(
buttonSize: MoonButtonSize.xs,
onTap: () => {},
icon: const Icon(MoonIcons.controls_close_24_light),
),
body: const Text("Here goes MoonAlert body"),
content: const Text("Here goes MoonAlert content"),
),
MoonAlert.filled(
show: true,
color: context.moonColors!.chichi,
backgroundColor: context.moonColors!.chichi10,
leading: const Icon(MoonIcons.notifications_alert_24_light),
title: const Text("Filled error MoonAlert"),
label: const Text("Filled error MoonAlert"),
trailing: MoonButton.icon(
buttonSize: MoonButtonSize.xs,
onTap: () {},
Expand All @@ -39,7 +39,7 @@ class Alert extends StatelessWidget {
color: context.moonColors!.roshi,
borderColor: context.moonColors!.roshi,
leading: const Icon(MoonIcons.generic_check_rounded_24_light),
title: const Text("Outlined success MoonAlert"),
label: const Text("Outlined success MoonAlert"),
trailing: MoonButton.icon(
buttonSize: MoonButtonSize.xs,
onTap: () {},
Expand Down
10 changes: 5 additions & 5 deletions example/assets/code_snippets/dropdown.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ class _DropdownState extends State<Dropdown> {
_buttonName = "Piccolo";
_buttonColor = context.moonColors!.piccolo;
}),
title: const Text("Piccolo"),
label: const Text("Piccolo"),
),
MoonDropdown(
show: _showMenuInner,
Expand All @@ -117,7 +117,7 @@ class _DropdownState extends State<Dropdown> {
_buttonName = "Roshi";
_buttonColor = context.moonColors!.roshi;
}),
title: const Text("Roshi"),
label: const Text("Roshi"),
),
MoonMenuItem(
onTap: () => setState(() {
Expand All @@ -126,7 +126,7 @@ class _DropdownState extends State<Dropdown> {
_buttonName = "Roshi60";
_buttonColor = context.moonColors!.roshi60;
}),
title: const Text("Roshi60"),
label: const Text("Roshi60"),
),
MoonMenuItem(
onTap: () => setState(() {
Expand All @@ -135,14 +135,14 @@ class _DropdownState extends State<Dropdown> {
_buttonName = "Roshi10";
_buttonColor = context.moonColors!.roshi10;
}),
title: const Text("Roshi10"),
label: const Text("Roshi10"),
),
],
),
child: MoonMenuItem(
backgroundColor: _showMenuInner ? context.moonColors!.heles : null,
onTap: () => setState(() => _showMenuInner = !_showMenuInner),
title: const Text("Roshi"),
label: const Text("Roshi"),
trailing: const Icon(
MoonIcons.controls_chevron_right_16_light,
size: 16,
Expand Down
2 changes: 1 addition & 1 deletion example/assets/code_snippets/menu_item.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ class _MenuItemState extends State<MenuItem> {
Widget build(BuildContext context) {
return MoonMenuItem(
onTap: () {},
title: const Text("Menu Item"),
label: const Text("Menu Item"),
leading: const Icon(MoonIcons.notifications_activity_32_regular),
trailing: const Icon(MoonIcons.controls_chevron_right_24_light),
);
Expand Down
2 changes: 1 addition & 1 deletion example/assets/code_snippets/toast.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ class Toast extends StatelessWidget {
return MoonFilledButton(
onTap: () => MoonToast.show(
context,
title: const Text('This is MoonToast'),
label: const Text('This is MoonToast'),
),
label: const Text("Show toast"),
);
Expand Down
8 changes: 4 additions & 4 deletions example/lib/src/storybook/stories/accordion.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -190,7 +190,7 @@ class _AccordionStoryState extends State<AccordionStory> {
childrenPadding: const EdgeInsets.all(12),
onExpansionChanged: (AccordionItems? value) => setState(() => _currentlyOpenAccordionItem = value),
leading: const Icon(MoonIcons.other_frame_24_light),
title: const Text("Grouped MoonAccordion item #1"),
label: const Text("Grouped MoonAccordion item #1"),
children: [
Text(
contentText,
Expand Down Expand Up @@ -218,7 +218,7 @@ class _AccordionStoryState extends State<AccordionStory> {
childrenPadding: const EdgeInsets.all(12),
onExpansionChanged: (AccordionItems? value) => setState(() => _currentlyOpenAccordionItem = value),
leading: const Icon(MoonIcons.other_frame_24_light),
title: const Text("Grouped MoonAccordion item #2"),
label: const Text("Grouped MoonAccordion item #2"),
children: [
Text(
contentText,
Expand All @@ -242,7 +242,7 @@ class _AccordionStoryState extends State<AccordionStory> {
showBorder: showBorderKnob,
shadows: showShadowKnob == true ? null : [],
childrenPadding: const EdgeInsets.symmetric(vertical: 12),
title: const Text("Ungrouped MoonAccordion item #1"),
label: const Text("Ungrouped MoonAccordion item #1"),
children: [
Text(
contentText,
Expand All @@ -266,7 +266,7 @@ class _AccordionStoryState extends State<AccordionStory> {
showBorder: showBorderKnob,
shadows: showShadowKnob == true ? null : [],
childrenPadding: const EdgeInsets.symmetric(vertical: 12),
title: const Text("Ungrouped MoonAccordion item #2"),
label: const Text("Ungrouped MoonAccordion item #2"),
children: [
Text(
contentText,
Expand Down
56 changes: 28 additions & 28 deletions example/lib/src/storybook/stories/alert.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,16 +29,16 @@ class _AlertStoryState extends State<AlertStory> {

final leadingColor = colorTable(context)[leadingColorKnob ?? 40];

final titleColorKnob = context.knobs.nullable.options(
label: "Title color",
description: "MoonColors variants for MoonAlert title slot.",
final labelColorKnob = context.knobs.nullable.options(
label: "Label color",
description: "MoonColors variants for MoonAlert label slot.",
enabled: false,
initial: 0,
// piccolo
options: colorOptions,
);

final titleColor = colorTable(context)[titleColorKnob ?? 40];
final labelColor = colorTable(context)[labelColorKnob ?? 40];

final trailingColorKnob = context.knobs.nullable.options(
label: "Trailing color",
Expand All @@ -51,16 +51,16 @@ class _AlertStoryState extends State<AlertStory> {

final trailingColor = colorTable(context)[trailingColorKnob ?? 40];

final bodyColorKnob = context.knobs.nullable.options(
label: "Body color",
description: "MoonColors variants for MoonAlert body slot.",
final contentColorKnob = context.knobs.nullable.options(
label: "Content color",
description: "MoonColors variants for MoonAlert content slot.",
enabled: false,
initial: 0,
// piccolo
options: colorOptions,
);

final bodyColor = colorTable(context)[bodyColorKnob ?? 40];
final contentColor = colorTable(context)[contentColorKnob ?? 40];

final backgroundColorKnob = context.knobs.nullable.options(
label: "backgroundColor",
Expand Down Expand Up @@ -103,9 +103,9 @@ class _AlertStoryState extends State<AlertStory> {
initial: true,
);

final showBodyKnob = context.knobs.boolean(
label: "body",
description: "Show widget in MoonAlert body slot.",
final showContentKnob = context.knobs.boolean(
label: "content",
description: "Show widget in MoonAlert content slot.",
);

final showTrailingKnob = context.knobs.boolean(
Expand Down Expand Up @@ -146,13 +146,13 @@ class _AlertStoryState extends State<AlertStory> {
color: leadingColor,
)
: null,
title: SizedBox(
label: SizedBox(
height: 24,
child: Align(
alignment: AlignmentDirectional.centerStart,
child: Text(
"Base MoonAlert",
style: TextStyle(color: titleColor),
style: TextStyle(color: labelColor),
),
),
),
Expand All @@ -170,14 +170,14 @@ class _AlertStoryState extends State<AlertStory> {
onTap: showDisabledKnob ? null : () => setState(() => _showAlert = !_showAlert),
)
: null,
body: showBodyKnob
content: showContentKnob
? SizedBox(
height: 24,
child: Align(
alignment: AlignmentDirectional.centerStart,
child: Text(
"Here goes MoonAlert body",
style: TextStyle(color: bodyColor),
"Here goes MoonAlert content",
style: TextStyle(color: contentColor),
),
),
)
Expand All @@ -198,7 +198,7 @@ class _AlertStoryState extends State<AlertStory> {
backgroundColor: context.moonColors!.chichi10,
borderRadius: borderRadius,
leading: showLeadingKnob ? const Icon(MoonIcons.notifications_alert_24_light) : null,
title: const Text("Filled error MoonAlert"),
label: const Text("Filled error MoonAlert"),
trailing: MoonButton.icon(
buttonSize: MoonButtonSize.xs,
borderRadius: borderRadius,
Expand All @@ -210,12 +210,12 @@ class _AlertStoryState extends State<AlertStory> {
color: context.moonColors!.chichi,
),
),
body: showBodyKnob
content: showContentKnob
? const SizedBox(
height: 24,
child: Align(
alignment: AlignmentDirectional.centerStart,
child: Text("Here goes MoonAlert body"),
child: Text("Here goes MoonAlert content"),
),
)
: null,
Expand All @@ -227,7 +227,7 @@ class _AlertStoryState extends State<AlertStory> {
backgroundColor: context.moonColors!.krillin10,
borderRadius: borderRadius,
leading: showLeadingKnob ? const Icon(MoonIcons.generic_alarm_round_24_light) : null,
title: const Text("Filled warning MoonAlert"),
label: const Text("Filled warning MoonAlert"),
trailing: MoonButton.icon(
buttonSize: MoonButtonSize.xs,
borderRadius: borderRadius,
Expand All @@ -239,12 +239,12 @@ class _AlertStoryState extends State<AlertStory> {
color: context.moonColors!.krillin,
),
),
body: showBodyKnob
content: showContentKnob
? const SizedBox(
height: 24,
child: Align(
alignment: AlignmentDirectional.centerStart,
child: Text("Here goes MoonAlert body"),
child: Text("Here goes MoonAlert content"),
),
)
: null,
Expand All @@ -256,7 +256,7 @@ class _AlertStoryState extends State<AlertStory> {
borderColor: context.moonColors!.roshi,
borderRadius: borderRadius,
leading: showLeadingKnob ? const Icon(MoonIcons.generic_check_rounded_24_light) : null,
title: const Text("Outlined success MoonAlert"),
label: const Text("Outlined success MoonAlert"),
trailing: MoonButton.icon(
buttonSize: MoonButtonSize.xs,
borderRadius: borderRadius,
Expand All @@ -268,12 +268,12 @@ class _AlertStoryState extends State<AlertStory> {
color: context.moonColors!.roshi,
),
),
body: showBodyKnob
content: showContentKnob
? const SizedBox(
height: 24,
child: Align(
alignment: AlignmentDirectional.centerStart,
child: Text("Here goes MoonAlert body"),
child: Text("Here goes MoonAlert content"),
),
)
: null,
Expand All @@ -285,7 +285,7 @@ class _AlertStoryState extends State<AlertStory> {
borderColor: context.moonColors!.whis,
borderRadius: borderRadius,
leading: showLeadingKnob ? const Icon(MoonIcons.notifications_alert_24_light) : null,
title: const Text('Outlined info MoonAlert'),
label: const Text('Outlined info MoonAlert'),
trailing: MoonButton.icon(
buttonSize: MoonButtonSize.xs,
borderRadius: borderRadius,
Expand All @@ -297,12 +297,12 @@ class _AlertStoryState extends State<AlertStory> {
color: context.moonColors!.whis,
),
),
body: showBodyKnob
content: showContentKnob
? const SizedBox(
height: 24,
child: Align(
alignment: AlignmentDirectional.centerStart,
child: Text("Here goes MoonAlert body"),
child: Text("Here goes MoonAlert content"),
),
)
: null,
Expand Down
12 changes: 6 additions & 6 deletions example/lib/src/storybook/stories/dropdown.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -208,7 +208,7 @@ class _DropdownStoryState extends State<DropdownStory> {
content: Column(
children: [
MoonMenuItem(
title: const Text("Piccolo"),
label: const Text("Piccolo"),
borderRadius: const MoonSquircleBorderRadius.all(MoonSquircleRadius(cornerRadius: 12)),
onTap: () => setState(() {
_showMenu = false;
Expand All @@ -218,7 +218,7 @@ class _DropdownStoryState extends State<DropdownStory> {
),
const SizedBox(height: 4),
MoonMenuItem(
title: const Text("Krillin"),
label: const Text("Krillin"),
borderRadius: const MoonSquircleBorderRadius.all(MoonSquircleRadius(cornerRadius: 12)),
onTap: () => setState(() {
_showMenu = false;
Expand All @@ -240,7 +240,7 @@ class _DropdownStoryState extends State<DropdownStory> {
content: Column(
children: [
MoonMenuItem(
title: const Text("Roshi100"),
label: const Text("Roshi100"),
borderRadius: const MoonSquircleBorderRadius.all(MoonSquircleRadius(cornerRadius: 12)),
onTap: () => setState(() {
_showMenu = false;
Expand All @@ -251,7 +251,7 @@ class _DropdownStoryState extends State<DropdownStory> {
),
const SizedBox(height: 4),
MoonMenuItem(
title: const Text("Roshi60"),
label: const Text("Roshi60"),
borderRadius: const MoonSquircleBorderRadius.all(MoonSquircleRadius(cornerRadius: 12)),
onTap: () => setState(() {
_showMenu = false;
Expand All @@ -262,7 +262,7 @@ class _DropdownStoryState extends State<DropdownStory> {
),
const SizedBox(height: 4),
MoonMenuItem(
title: const Text("Roshi10"),
label: const Text("Roshi10"),
borderRadius: const MoonSquircleBorderRadius.all(MoonSquircleRadius(cornerRadius: 12)),
onTap: () => setState(() {
_showMenu = false;
Expand All @@ -275,7 +275,7 @@ class _DropdownStoryState extends State<DropdownStory> {
),
child: MoonMenuItem(
backgroundColor: _showMenuInner ? context.moonColors!.heles : null,
title: const Text("Roshi"),
label: const Text("Roshi"),
borderRadius: const MoonSquircleBorderRadius.all(MoonSquircleRadius(cornerRadius: 12)),
onTap: () => setState(() {
_showMenuInner = !_showMenuInner;
Expand Down
Loading

0 comments on commit ef79d4e

Please sign in to comment.