Skip to content

Commit 898fc38

Browse files
simeonoffsimeonoff
authored
refactor(icon-references): update icon ref names for combo and select (#14563)
1 parent a9e9a27 commit 898fc38

File tree

4 files changed

+53
-57
lines changed

4 files changed

+53
-57
lines changed

‎projects/igniteui-angular/src/lib/combo/combo.common.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1002,7 +1002,7 @@ export abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewCh
10021002
}))
10031003
},
10041004
{
1005-
name: 'clear',
1005+
name: 'input_clear',
10061006
family: 'default',
10071007
ref: new Map(Object.entries({
10081008
'material': {
@@ -1016,7 +1016,7 @@ export abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewCh
10161016
}))
10171017
},
10181018
{
1019-
name: 'case-sensitive',
1019+
name: 'case_sensitive',
10201020
family: 'default',
10211021
ref: new Map(Object.entries({
10221022
'material': {

‎projects/igniteui-angular/src/lib/combo/combo.component.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
<ng-container *ngIf="clearIconTemplate">
2323
<ng-container *ngTemplateOutlet="clearIconTemplate"></ng-container>
2424
</ng-container>
25-
<igx-icon *ngIf="!clearIconTemplate" family="default" name="clear"></igx-icon>
25+
<igx-icon *ngIf="!clearIconTemplate" family="default" name="input_clear"></igx-icon>
2626
</igx-suffix>
2727
<igx-suffix class="igx-combo__toggle-button">
2828
<ng-container *ngIf="toggleIconTemplate">
@@ -45,7 +45,7 @@
4545
<span [ngClass]="filteringOptions.caseSensitive? 'igx-combo__case-icon--active' : 'igx-combo__case-icon'">
4646
<igx-icon
4747
family="default"
48-
name="case-sensitive"
48+
name="case_sensitive"
4949
[active]="filteringOptions.caseSensitive">
5050
</igx-icon>
5151
</span>

‎projects/igniteui-angular/src/lib/icon/reference_table.md‎

Lines changed: 47 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -274,54 +274,50 @@ Default Component Icons:
274274
- keyboard_arrow_right
275275
- keyboard_arrow_down
276276

277-
278-
| Icon Family | Icon Name | Target Family | Target Name | Used By | Theme |
279-
|-------------|----------------|---------------|----------------------|---------------------------------------------------------|---------------------------|
280-
| default | more_vert | material | more_vert | Action Strip, Grid | All |
281-
| default | expand | material | expand_more | Grid, Expansion Panel, Filtering Row | All |
282-
| default | collapse | material | expand_less | Grid, Expansion Panel | All |
283-
| default | arrow_next | material | keyboard_arrow_right | Month Picker, Calendar | All |
284-
| default | arrow_prev | material | keyboard_arrow_left | Month Picker, Calendar | All |
285-
| default | carousel_next | material | keyboard_arrow_right | Carousel | Indigo |
286-
| default | carousel_prev | material | keyboard_arrow_left | Carousel | Indigo |
287-
| default | carousel_next | material | arrow_forward | Carousel | Material |
288-
| default | carousel_prev | material | arrow_back | Carousel | Material |
289-
| default | next | material | navigate_next | Grid, Tabs | Indigo |
290-
| default | prev | material | navigate_before | Grid, Tabs | Indigo |
291-
| default | next | material | navigate_next | Filtering Row | All |
292-
| default | prev | material | navigate_before | Filtering Row | All |
293-
| default | selected | material | done | Grid, Chip, Filtering Row | All |
294-
| default | remove | material | cancel | Grid, Chip | All |
295-
| default | clear | material | cancel | Combo, Simple Combo, Time Picker, Date Picker | Material |
296-
| default | clear | material | clear | Combo, Simple Combo, Time Picker, Date Picker | Indigo, Fluent, Bootstrap |
297-
| default | clear | material | clear | Grid, Input Group, Excel Style Filtering, Filtering Row | All |
298-
| default | clock | material | access_time | Time Picker | All |
299-
| default | filter_list | material | filter_list | Grid, Filtering Cell, Excel Style Filtering | All |
300-
| default | add | material | add | Grid, Query Builder, Excel Style Filtering | All |
301-
| default | close | material | close | Grid, Query Builder, Filtering Row | All |
302-
| default | check | material | check | Grid, Query Builder | All |
303-
| default | delete | material | delete | Grid, Query Builder | All |
304-
| default | edit | material | edit | Grid, Query Builder | All |
305-
| default | first_page | material | first_page | Grid, Paginator | All |
306-
| default | last_page | material | last_page | Grid, Paginator | All |
307-
| default | chevron_left | material | chevron_left | Grid, Paginator | All |
308-
| default | chevron_right | material | chevron_right | Grid, Paginator, Excel Style Filtering, TreeNode | All |
309-
| default | refresh | material | refresh | Grid, Filtering Row | All |
310-
| default | visibility | material | visibility | Grid, Excel Style Filtering | All |
311-
| default | visibility_off | material | visibility_off | Grid, Excel Style Filtering | All |
312-
| default | arrow_back | material | arrow_back | Grid, Excel Style Filtering | All |
313-
| default | arrow_forward | material | arrow_forward | Grid, Excel Style Filtering | All |
314-
| default | arrow_upward | material | arrow_upward | Grid, Excel Style Filtering | All |
315-
| default | arrow_downward | material | arrow_downward | Grid, Excel Style Filtering | All |
316-
| default | today | material | today | Date Picker | All |
317-
| default | date_range | material | date_range | Date Range Picker | All |
318-
| default | expand | material | arrow_drop_down | Grid, TreeNode | All |
319-
| default | import_export | material | import_export | Grid | All |
320-
| default | table_rows | material | table_rows | Grid | All |
321-
| default | view_column | material | view_column | Grid | All |
322-
| default | functions | material | functions | Grid, Pivot Data Selector | All |
323-
| default | input_expand | material | expand_more | Combo, Simple Combo, Select | Material |
324-
| default | input_collapse | material | expand_less | Combo, Simple Combo, Select | Material |
325-
| default | input_expand | material | arrow_drop_down | Combo, Simple Combo, Select | Indigo, Fluent, Bootstrap |
326-
| default | input_collapse | material | arrow_drop_up | Combo, Simple Combo, Select | Indigo, Fluent, Bootstrap |
327-
| default | case-sensitive | imx-icons | case-sensitive | Combo, Simple Combo | All |
277+
| Icon Name | Target Family | Target Name | Used By | Theme |
278+
|----------------|---------------|----------------------|---------------------------------------------------------|-----------------------------|
279+
| add | material | add | Grid, Query Builder, Excel Style Filtering | All |
280+
| arrow_next | material | keyboard_arrow_right | Month Picker, Calendar | All |
281+
| arrow_prev | material | keyboard_arrow_left | Month Picker, Calendar | All |
282+
| arrow_back | material | arrow_back | Grid, Excel Style Filtering | All |
283+
| arrow_forward | material | arrow_forward | Grid, Excel Style Filtering | All |
284+
| arrow_upward | material | arrow_upward | Grid, Excel Style Filtering | All |
285+
| arrow_downward | material | arrow_downward | Grid, Excel Style Filtering | All |
286+
| case_sensitive | imx-icons | case-sensitive | Combo, Simple Combo | All |
287+
| carousel_next | material | keyboard_arrow_right | Carousel | Indigo |
288+
| carousel_prev | material | keyboard_arrow_left | Carousel | Indigo |
289+
| carousel_next | material | arrow_forward | Carousel | Material, Bootstrap, Fluent |
290+
| carousel_prev | material | arrow_back | Carousel | Material, Bootstrap, Fluent |
291+
| chevron_left | material | chevron_left | Grid, Paginator, Excel Style Filtering | All |
292+
| chevron_right | material | chevron_right | Grid, Paginator, Excel Style Filtering, TreeNode | All |
293+
| check | material | check | Grid, Query Builder | All |
294+
| close | material | close | Grid, Query Builder, Filtering Row | All |
295+
| clear | material | clear | Grid, Input Group, Excel Style Filtering, Filtering Row | All |
296+
| clock | material | access_time | Time Picker | All |
297+
| collapse | material | expand_less | Grid, Expansion Panel | All |
298+
| date_range | material | date_range | Date Range Picker | All |
299+
| delete | material | delete | Grid, Query Builder | All |
300+
| edit | material | edit | Grid, Query Builder | All |
301+
| expand | material | expand_more | Grid, Expansion Panel, Filtering Row, TreeNode | All |
302+
| filter_list | material | filter_list | Grid, Filtering Cell, Excel Style Filtering | All |
303+
| first_page | material | first_page | Grid, Paginator | All |
304+
| functions | material | functions | Grid, Pivot Data Selector | All |
305+
| import_export | material | import_export | Grid | All |
306+
| input_clear | material | cancel | Combo, Simple Combo, Time Picker, Date Picker | Material |
307+
| input_clear | material | clear | Combo, Simple Combo, Time Picker, Date Picker | Indigo, Fluent, Bootstrap |
308+
| input_expand | material | expand_more | Combo, Simple Combo, Select | Material |
309+
| input_collapse | material | expand_less | Combo, Simple Combo, Select | Material |
310+
| input_expand | material | arrow_drop_down | Combo, Simple Combo, Select | Indigo, Fluent, Bootstrap |
311+
| input_collapse | material | arrow_drop_up | Combo, Simple Combo, Select | Indigo, Fluent, Bootstrap |
312+
| last_page | material | last_page | Grid, Paginator | All |
313+
| more_vert | material | more_vert | Action Strip, Grid | All |
314+
| next | material | navigate_next | Grid, Tabs, Filtering Row | All |
315+
| prev | material | navigate_before | Grid, Tabs, Filtering Row | All |
316+
| remove | material | cancel | Grid, Chip | All |
317+
| refresh | material | refresh | Grid, Filtering Row | All |
318+
| selected | material | done | Grid, Chip, Filtering Row | All |
319+
| table_rows | material | table_rows | Grid | All |
320+
| today | material | today | Date Picker | All |
321+
| view_column | material | view_column | Grid | All |
322+
| visibility | material | visibility | Grid, Excel Style Filtering | All |
323+
| visibility_off | material | visibility_off | Grid, Excel Style Filtering | All |

‎projects/igniteui-angular/src/lib/simple-combo/simple-combo.component.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,11 @@
2929
<ng-container *ngIf="clearIconTemplate">
3030
<ng-container *ngTemplateOutlet="clearIconTemplate"></ng-container>
3131
</ng-container>
32-
<igx-icon *ngIf="!clearIconTemplate" family="default" name="clear"></igx-icon>
32+
<igx-icon *ngIf="!clearIconTemplate" family="default" name="input_clear"></igx-icon>
3333
</igx-suffix>
3434

3535
<igx-suffix *ngIf="showSearchCaseIcon">
36-
<igx-icon family="default" name="case-sensitive" [active]="filteringOptions.caseSensitive"
36+
<igx-icon family="default" name="case_sensitive" [active]="filteringOptions.caseSensitive"
3737
(click)="toggleCaseSensitive()">
3838
</igx-icon>
3939
</igx-suffix>

0 commit comments

Comments
 (0)