Tab control extended

[MichelMichels]

I extended the work of ahmed-abdelrazek (#2542).

It fixes following things:

• Foreground color of context inside TabItem

• Better UI on the demo page

• Replaced the default TabItem style with the compact one, removing the compact style in the process

• Adding a shadow per Material spec guidelines

• Removed the SmallCaps property for TabItem headers

• WIP: TopIcon implementation

• WIP: making the control independent of ColorZone

[MichelMichels]

[MichelMichels]

I'd like to implement following style as default:

I think the ColorZone controls inside the template will have to be converted to Borders. It would be a bit easier removing the whole ColorZoneAssist setup and replacing with static style more like the Button control (f.e. MaterialDesignRaisedLightButton -> MaterialDesignLightTabControl).

Thoughts?

[ahmed-abdelrazek]

i don't think removing ColorZoneAssist will make it easier if anything it will make it more difficult for developers to customize their tabs (just one line for a lot of options), the Button control should make more used of ColorZoneAssist
maybe it would viable after the new brushes releases #2435

[MichelMichels]

I'm almost there. I'm trying to find an easy and extensible way to create filled or custom styles atm

[MichelMichels]

[MichelMichels]

This fixes #1616

[ahmed-abdelrazek]

great work so far, thank you

[MichelMichels]

I will be checking some placement bugs in coming days.

[Keboo]

Looks really nice. Let me know when it is ready to merge.

[Keboo]

Is this being used anywhere?
I can see the Leading/Top icon in the demo but I would expect that if someone wanted that look, they would simply put a StackPanel inside of the TabItem.Header and setup the layout that way.

[MichelMichels]

This isn't be used. I commited this a bit too soon, I'll remove the class in a following commit.

I was thinking this could be a preferred way of doing this, analogous with how Button has a LeadingIcon.

[MichelMichels]

It should be done now. See screenshots below.