Skip to content

Commit 02d4cad

Browse files
authored
Merge pull request #5697 from IgniteUI/flunet-theme-changelog-update
docs(fluent-theme): Update the changelog
2 parents 2249477 + f7d0c80 commit 02d4cad

File tree

1 file changed

+23
-22
lines changed

1 file changed

+23
-22
lines changed

CHANGELOG.md

Lines changed: 23 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,29 @@ All notable changes for each version of this project will be documented in this
44

55
## 8.2.0
66

7+
### New theme
8+
Ignite UI for angular now have a new theme that mimics Microsoft "Fluent" design system.
9+
Depending on your use case you can use one of the following mixins:
10+
`igx-fluent-theme` and `igx-fluent-dark-theme`
11+
12+
We also added two new pallets that go with the new theme, `$fluent-word-palette` and `$fluent-excel-palette`.
13+
14+
Next example shows how you can use the Fluent theme.
15+
16+
```scss
17+
// Light version
18+
.fluent-word-theme {
19+
@include igx-fluent-theme($fluent-word-palette);
20+
}
21+
22+
// Dark version
23+
.fluent-excel-dark-theme {
24+
@include igx-fluent-dark-theme($fluent-excel-palette);
25+
}
26+
```
27+
28+
For more information about the theming please read our [documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/index.html)
29+
730
### New Features
831
- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
932
- `uniqueColumnValuesStrategy` input is added. This property provides a callback for loading unique column values on demand. If this property is provided, the unique values it generates will be used by the Excel Style Filtering (instead of using the unique values from the data that is bound to the grid).
@@ -102,28 +125,6 @@ All notable changes for each version of this project will be documented in this
102125
## 8.1.0
103126

104127
### New Features
105-
106-
##### New theme
107-
Ignite UI for angular now have a new theme that mimics the Microsoft Fluent design as much as possible.
108-
In order to use the theme you have to use one of the following mixins:
109-
`igx-fluent-theme` and `igx-fluent-dark-theme`
110-
111-
We also added two new pallets that go with the new theme, `$fluent-word-palette` and `$fluent-excel-palette`.
112-
113-
This is an example of how you can use the new theme.
114-
115-
```scss
116-
// Light version
117-
.fluent-word-theme {
118-
@include igx-fluent-theme($fluent-word-palette);
119-
}
120-
121-
// Dark version
122-
.fluent-excel-dark-theme {
123-
@include igx-fluent-dark-theme($fluent-excel-palette);
124-
}
125-
```
126-
127128
- `IgxBottomNav` now supports an `igx-tab` declaration mode. When in this mode, panels declarations are not accepted and tab items' content is not rendered.
128129
- You can use this mode to apply directives on the tab items - for example to achieve routing navigation.
129130
- You are allowed to customize tab items with labels, icons and even templates.

0 commit comments

Comments
 (0)