Skip to content

Commit d1455f4

Browse files
mckaragozmckaragoz
authored
Sync MudBlazor v7 Preview (#387)
* Sync MudBlazor v7 Preview * Additions
1 parent adc9290 commit d1455f4

File tree

70 files changed

+229
-611
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+229
-611
lines changed

‎CodeBeam.MudBlazor.Extensions.Docs.Wasm/App.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
{
2121
private readonly List<Assembly> _lazyLoadedAssemblies = new();
2222

23-
private async Task OnNavigateAsync(NavigationContext args)
23+
private async Task OnNavigateAsync(Microsoft.AspNetCore.Components.Routing.NavigationContext args)
2424
{
2525
try
2626
{

‎CodeBeam.MudBlazor.Extensions.Docs/CodeBeam.MudBlazor.Extensions.Docs.csproj‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414

1515
<ItemGroup>
1616
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.*" />
17-
<PackageReference Include="MudBlazor" Version="6.12.0" />
17+
<PackageReference Include="MudBlazor" Version="7.0.0-preview.1" />
1818
</ItemGroup>
1919

2020
<ItemGroup>

‎CodeBeam.MudBlazor.Extensions.Docs/Components/ComponentCard.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
4040
.component-card:hover .component-card-header {
4141
color: var(--mud-palette-primary);
42-
background-color: var(--mud-palette-background-grey);
42+
background-color: var(--mud-palette-background-gray);
4343
/*transform: rotate3d(1, 1, 1, 25deg);*/
4444
transition: left 1s;
4545
}

‎CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ColorProvider/Examples/ColorProviderExample2.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<MudCheckBox T="bool" Label="Wanna Check" Color="Color.Primary" />
88
<MudCheckBox T="bool" Label="Or Not" Color="Color.Secondary" />
99
<MudProgressLinear Color="Color.Primary" Indeterminate="true" />
10-
<MudChipSet MultiSelection="true" Filter="true">
10+
<MudChipSet T="string" MultiSelection="true" Filter="true">
1111
<MudChip Text="Milk" Color="Color.Primary"></MudChip>
1212
<MudChip Text="Eggs" Color="Color.Primary"></MudChip>
1313
<MudChip Text="Soap" Color="Color.Primary"></MudChip>

‎CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/InputStyler/Examples/InputStylerExample1.razor‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@using MudBlazor.Utilities
33

44
<MudGrid >
5-
<MudItem xs="12" sm="8" Style="background-color: var(--mud-palette-background-grey)">
5+
<MudItem xs="12" sm="8" Style="background-color: var(--mud-palette-background-gray)">
66
<MudStack>
77
<MudText>Default TextFields</MudText>
88
<MudStack Row="true">
@@ -14,7 +14,7 @@
1414
<MudText Class="mt-4">Modified TextFields</MudText>
1515
<MudStack Row="true">
1616
<MudTextField Class="text-field" T="string" Label="Test" />
17-
<MudTextField Class="text-field label-background-grey" T="string" Label="Test" Variant="Variant.Outlined" />
17+
<MudTextField Class="text-field label-background-gray" T="string" Label="Test" Variant="Variant.Outlined" />
1818
<MudTextField Class="text-field label-background-transparent" T="string" Label="Test" Variant="Variant.Filled" />
1919
</MudStack>
2020
<MudDivider />
@@ -23,7 +23,7 @@
2323
<MudSelect T="string" Class="text-field" T="string" Label="Test" AnchorOrigin="Origin.BottomCenter">
2424
<MudSelectItem Value="@("a")">Colored With InputStyler</MudSelectItem>
2525
</MudSelect>
26-
<MudSelect T="string" Class="text-field label-background-grey" T="string" Label="Test" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter">
26+
<MudSelect T="string" Class="text-field label-background-gray" T="string" Label="Test" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter">
2727
<MudSelectItem Value="@("a")">Colored With InputStyler</MudSelectItem>
2828
</MudSelect>
2929
<MudSelect T="string" Class="text-field label-background-transparent" T="string" Label="Test" Variant="Variant.Filled" AnchorOrigin="Origin.BottomCenter">
@@ -34,7 +34,7 @@
3434

3535
<MudInputStyler Selector=".text-field" BaseColor="@(_baseColor?.ToString())" TextColor="@(_textColor?.ToString())" LabelColor="@(_labelColor?.ToString())"
3636
BorderColor="@(_borderColor?.ToString())" LabelStyle="@_labelStyle" Always="_always" />
37-
<MudInputStyler Selector=".label-background-grey" LabelBackgroundColor="@("var(--mud-palette-background-grey)")" />
37+
<MudInputStyler Selector=".label-background-gray" LabelBackgroundColor="@("var(--mud-palette-background-gray)")" />
3838
<MudInputStyler Selector=".label-background-transparent" LabelBackgroundColor="transparent" />
3939
<MudInputStyler />
4040
</MudItem>

‎CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ListExtended/Examples/ListExtendedExample1.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<div>
66
<MudText Typo="Typo.h6" GutterBottom="true">Text only</MudText>
77
<MudPaper Width="220px">
8-
<MudListExtended T="string" Dense="@Dense" DisableGutters="@Gutters" DisablePadding="@Padding">
8+
<MudListExtended T="string" Dense="@_dense" Gutters="@_gutters" Padding="@_padding">
99
<MudListItemExtended T="string" Text="Single List Item" SecondaryText="Secondary Text" />
1010
<MudListItemExtended T="string" Text="Single List Item" SecondaryText="Secondary Text" />
1111
<MudListItemExtended T="string" Text="Single List Item" SecondaryText="Secondary Text" />
@@ -16,7 +16,7 @@
1616
<div>
1717
<MudText Typo="Typo.h6" GutterBottom="true">Icons with text</MudText>
1818
<MudPaper Width="220px">
19-
<MudListExtended T="string" Dense="@Dense" DisableGutters="@Gutters" DisablePadding="@Padding">
19+
<MudListExtended T="string" Dense="@_dense" Gutters="@_gutters" Padding="@_padding">
2020
<MudListItemExtended T="string" Text="Single List Item" Icon="@Icons.Material.Filled.Bookmark" SecondaryText="Secondary Text" />
2121
<MudListItemExtended T="string" Text="Single List Item" Icon="@Icons.Material.Filled.Bookmark" IconColor="Color.Primary" SecondaryText="Secondary Text" />
2222
<MudListItemExtended T="string" Text="Single List Item" Icon="@Icons.Material.Filled.Bookmark" IconColor="Color.Secondary" SecondaryText="Secondary Text" />
@@ -27,7 +27,7 @@
2727
<div>
2828
<MudText Typo="Typo.h6" GutterBottom="true">Avatar with text</MudText>
2929
<MudPaper Width="220px">
30-
<MudListExtended T="string" Dense="@Dense" DisableGutters="@Gutters" DisablePadding="@Padding">
30+
<MudListExtended T="string" Dense="@_dense" Gutters="@_gutters" Padding="@_padding">
3131
<MudListItemExtended T="string" Text="Photo 1" Avatar="@Icons.Material.Filled.Image" SecondaryText="@DateTime.Today.AddYears(-1).ToShortDateString()" />
3232
<MudListItemExtended T="string" Text="Photo 2" Avatar="@Icons.Material.Filled.Image" IconColor="Color.Dark" SecondaryText="@DateTime.Today.AddMonths(-1).ToShortDateString()" />
3333
<MudListItemExtended T="string" Text="Photo 3" Avatar="@Icons.Material.Filled.Image" IconColor="Color.Error" SecondaryText="Today" />
@@ -37,16 +37,16 @@
3737
</MudItem>
3838

3939
<MudItem xs="12" sm="4">
40-
<MudCheckBox @bind-Value="@Dense" Label="Dense" Color="Color.Default" />
41-
<MudCheckBox @bind-Value="@Padding" Label="Disable Padding" Color="Color.Primary" />
42-
<MudCheckBox @bind-Value="@Gutters" Label="Disable Gutters" Color="Color.Secondary" />
40+
<MudCheckBox @bind-Value="@_dense" Label="Dense" Color="Color.Default" />
41+
<MudCheckBox @bind-Value="@_padding" Label="Padding" Color="Color.Primary" />
42+
<MudCheckBox @bind-Value="@_gutters" Label="Gutters" Color="Color.Secondary" />
4343
</MudItem>
4444
</MudGrid>
4545

4646
@code {
47-
public bool Dense { get; set; }
48-
public bool Padding { get; set; }
49-
public bool Gutters { get; set; }
47+
bool _dense = false;
48+
bool _padding = true;
49+
bool _gutters = true;
5050

5151
MudListItemExtended<string> selectedItem = new();
5252
}

‎CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ListExtended/Examples/ListExtendedExample5.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<MudGrid>
44
<MudItem xs="12" sm="8" Class="d-flex align-center justify-center">
55
<MudPaper Width="300px">
6-
<MudListExtended T="string" Clickable="true" MultiSelection="true" Style="max-height:400px; overflow-y: auto;" DisablePadding="_disablePadding">
6+
<MudListExtended T="string" Clickable="true" MultiSelection="true" Style="max-height:400px; overflow-y: auto;" Padding="_padding">
77
<MudListSubheaderExtended T="string" Sticky="_sticky" SecondaryBackground="_secondaryBackground">England</MudListSubheaderExtended>
88
@foreach (string club in _englishClubs)
99
{
@@ -34,14 +34,14 @@
3434
<MudItem xs="12" sm="4">
3535
<MudCheckBox @bind-Value="_sticky" Color="Color.Primary" Label="Sticky SubHeader" />
3636
<MudCheckBox @bind-Value="_secondaryBackground" Color="Color.Primary" Label="Secondary Background" />
37-
<MudCheckBox @bind-Value="_disablePadding" Color="Color.Primary" Label="Disable Padding" />
37+
<MudCheckBox @bind-Value="_padding" Color="Color.Primary" Label="Padding" />
3838
</MudItem>
3939
</MudGrid>
4040

4141
@code {
4242
bool _sticky = true;
4343
bool _secondaryBackground = true;
44-
bool _disablePadding = true;
44+
bool _padding = false;
4545

4646
string[] _englishClubs = { "Arsenal", "Manchester City", "Liverpool", "Manchester United", "Chelsea" };
4747
string[] _germanClubs = { "Bayern Munich", "Borussia Dortmund", "Schalke 04", "Bayern Leverkusen", "Stuttgart" };

‎CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/Page/Examples/PageExample1.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@namespace MudExtensions.Docs.Examples
22

3-
<MudPage Row="5" Column="5" Height="300px" Style="background: var(--mud-palette-background-grey)">
3+
<MudPage Row="5" Column="5" Height="300px" Style="background: var(--mud-palette-background-gray)">
44
<MudSection Row="1" Column="1">
55
<MudPaper Class="d-flex align-center justify-center"><MudText Align="Align.Center">Section 1 <br /> (Row: 1 Column: 1)</MudText></MudPaper>
66
</MudSection>

‎CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/SelectExtended/Examples/SelectExtendedExample4.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
<MudIcon Icon="@Icons.Material.Outlined.Person" />
2121
<MudText>@(context.Value?.Item3 == true ? "Retired" : "Active")</MudText>
2222
</MudStack>
23-
<MudChip Color="Color.Info" Variant="Variant.Outlined">Total Score: @context.Value?.Item2</MudChip>
23+
<MudChip T="string" Color="Color.Info" Variant="Variant.Outlined">Total Score: @context.Value?.Item2</MudChip>
2424
</MudStack>
2525
</MudStack>
2626
</ItemTemplate>
@@ -37,7 +37,7 @@
3737
<MudIcon Icon="@Icons.Material.Outlined.Person" />
3838
<MudText>@(context.Value?.Item3 == true ? "Retired" : "Active")</MudText>
3939
</MudStack>
40-
<MudChip Color="Color.Info" Variant="Variant.Outlined">Total Score: @context.Value?.Item2</MudChip>
40+
<MudChip T="string" Color="Color.Info" Variant="Variant.Outlined">Total Score: @context.Value?.Item2</MudChip>
4141
</MudStack>
4242
</MudStack>
4343
</ItemTemplate>
@@ -50,7 +50,7 @@
5050
<MudIcon Icon="@Icons.Material.Outlined.Person" />
5151
@*<MudText>@(context.Value.Item3 == true ? "Retired" : "Active")</MudText>*@
5252
</MudStack>
53-
<MudChip Color="Color.Info" Variant="Variant.Outlined">Total Score: @context.Value?.Item2</MudChip>
53+
<MudChip T="string" Color="Color.Info" Variant="Variant.Outlined">Total Score: @context.Value?.Item2</MudChip>
5454
</MudStack>
5555
</MudStack>
5656
</ItemSelectedTemplate>

‎CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/SpeedDial/Examples/SpeedDialExample1.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
<MudGrid>
44
<MudItem xs="12" sm="8">
5-
<div Class="relative pa-4 d-flex align-center justify-center" Style="height: 500px; background-color: var(--mud-palette-background-grey)">
5+
<div Class="relative pa-4 d-flex align-center justify-center" Style="height: 500px; background-color: var(--mud-palette-background-gray)">
66
<MudSpeedDial Origin="_origin" Padding="_padding" OpenOnHover="_openOnHover" OpenOnClick="_openOnClick" IconOnOpen="@_openIcon" Color="Color.Primary" OnMainButtonClick="@(() => ButtonClick("Main button clicked."))">
77
<MudFab Size="Size.Small" IconSize="Size.Small" StartIcon="@Icons.Custom.Brands.MudBlazor" OnClick="@(() => ButtonClick("First button clicked."))" />
88
<MudFab Size="Size.Small" IconSize="Size.Small" StartIcon="@Icons.Custom.Brands.MudBlazor" Color="Color.Secondary" OnClick="@(() => ButtonClick("Second button clicked."))" />

0 commit comments

Comments
 (0)