Skip to content

Commit 59aff87

Browse files
anderson-gregorio-totvsanderson-gregorio-totvs
committed
feat(icon): deprecia a lib Po Icon
Deprecia a lib Po Icon e será removida na v20 do PO UI. Fixes DTHFUI-9008
1 parent af277c9 commit 59aff87

File tree

85 files changed

+204
-209
lines changed

Some content is hidden

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

85 files changed

+204
-209
lines changed

‎projects/portal/docs/processors/helpers/file-writer.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -117,12 +117,12 @@ import { Component } from '@angular/core';
117117
export class Sample{{component}}ViewComponent {
118118
hideSampleCodeTabs = true;
119119
sampleCodeButtonLabel = 'Talk is cheap, show me the code!';
120-
sampleCodeButtonIcon = 'po-icon po-icon-plus';
120+
sampleCodeButtonIcon = 'ph ph-plus';
121121
122122
toggleSampleCodeTabs() {
123123
this.hideSampleCodeTabs = !this.hideSampleCodeTabs;
124124
this.sampleCodeButtonLabel = this.hideSampleCodeTabs ? 'Talk is cheap, show me the code!' : 'Okay, hide the code';
125-
this.sampleCodeButtonIcon = this.hideSampleCodeTabs ? 'po-icon-plus' : 'po-icon-minus';
125+
this.sampleCodeButtonIcon = this.hideSampleCodeTabs ? 'ph ph-plus' : 'ph ph-minus';
126126
}
127127
}
128128
`;
@@ -203,7 +203,7 @@ export class Doc{{component}}Component implements OnInit, OnDestroy {
203203
activeTab = 'doc';
204204
205205
actions: Array<{}> = [
206-
{ label: 'Documentação', action: this.goBack.bind(this), icon: 'po-icon-document-filled' },
206+
{ label: 'Documentação', action: this.goBack.bind(this), icon: 'ph ph-file-text' },
207207
{ label: 'Colabore', action: this.improveDocs.bind(this) },
208208
];
209209

‎projects/portal/src/app/app.component.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,9 +40,9 @@ export class AppComponent implements OnInit {
4040
];
4141

4242
this.iconActions = [
43-
{ icon: 'po-icon-social-github', link: 'https://github.com/po-ui', label: 'Github' },
44-
{ icon: 'po-icon-social-twitter', link: 'https://twitter.com/@pouidev', label: 'Twitter' },
45-
{ icon: 'po-icon-social-instagram', link: 'https://www.instagram.com/pouidev/', label: 'Instagram' }
43+
{ icon: 'ph ph-github-logo', link: 'https://github.com/po-ui', label: 'Github' },
44+
{ icon: 'ph ph-x-logo', link: 'https://twitter.com/@pouidev', label: 'Twitter' },
45+
{ icon: 'ph ph-instagram-logo', link: 'https://www.instagram.com/pouidev/', label: 'Instagram' }
4646
];
4747
}
4848

‎projects/templates/src/lib/components/po-page-dynamic-search/samples/sample-po-page-dynamic-search-hiring-processes/sample-po-page-dynamic-search-hiring-processes.component.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,25 +33,25 @@ export class SamplePoPageDynamicSearchHiringProcessesComponent implements OnInit
3333
label: 'Hide Remove All Disclaimer',
3434
action: this.onClickRemoveAllDisclaimer.bind(this),
3535
visible: this.isVisibleRemoveAllDisclaimer.bind(this),
36-
icon: 'po-icon-eye-off'
36+
icon: 'ph ph-eye-closed'
3737
},
3838
{
3939
label: 'Show Remove All Disclaimer',
4040
action: this.onClickRemoveAllDisclaimer.bind(this),
4141
visible: this.isHideRemoveAllDisclaimer.bind(this),
42-
icon: 'po-icon-eye-on'
42+
icon: 'ph ph-eye-on'
4343
},
4444
{
4545
label: 'Hide Close City Disclaimer',
4646
action: this.onClickCloseCityDisclaimer.bind(this),
4747
visible: this.isVisibleCloseCityDisclaimer.bind(this),
48-
icon: 'po-icon-eye-off'
48+
icon: 'ph ph-eye-closed'
4949
},
5050
{
5151
label: 'Show Close City Disclaimer',
5252
action: this.onClickCloseCityDisclaimer.bind(this),
5353
visible: this.isHideCloseCityDisclaimer.bind(this),
54-
icon: 'po-icon-eye-on'
54+
icon: 'ph ph-eye-on'
5555
}
5656
];
5757

‎projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-action.interface.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ export interface PoPageDynamicTableCustomAction {
5151
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](/guides/icons). conforme exemplo abaixo:
5252
* ```
5353
* <po-component
54-
* [p-property]="[{ label: 'PO ICON', icon: 'po-icon-news' }]">
54+
* [p-property]="[{ label: 'PHOSPHOR ICON', icon: 'ph ph-newspaper' }]">
5555
* </po-component>
5656
* ```
5757
*

‎projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-table-action.interface.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ export interface PoPageDynamicTableCustomTableAction {
6060
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](/guides/icons). conforme exemplo abaixo:
6161
* ```
6262
* <po-component
63-
* [p-property]="[{ label: 'PO ICON', icon: 'po-icon-news' }]">
63+
* [p-property]="[{ label: 'PHOSPHOR ICON', icon: 'ph ph-newspaper' }]">
6464
* </po-component>
6565
* ```
6666
*

‎projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -683,7 +683,7 @@ export class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent
683683
* {
684684
* label: 'Update',
685685
* action: this.updateTable.bind(this),
686-
* icon: 'po-icon-refresh'
686+
* icon: 'ph-arrows-clockwise'
687687
* }]
688688
*
689689
* updateTable() {

‎projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-hotels/sample-po-page-dynamic-table-hotels.component.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -94,33 +94,33 @@ export class SamplePoPageDynamicTableHotelsComponent {
9494
label: 'Hide Remove All Disclaimer',
9595
action: this.onClickRemoveAllDisclaimer.bind(this),
9696
visible: this.isVisibleRemoveAllDisclaimer.bind(this),
97-
icon: 'po-icon-eye-off'
97+
icon: 'ph ph-eye-closed'
9898
},
9999
{
100100
label: 'Show Remove All Disclaimer',
101101
action: this.onClickRemoveAllDisclaimer.bind(this),
102102
visible: this.isHideRemoveAllDisclaimer.bind(this),
103-
icon: 'po-icon-eye'
103+
icon: 'ph ph-eye'
104104
},
105105
{
106106
label: 'Hide Close City Disclaimer',
107107
action: this.onClickCloseCityDisclaimer.bind(this),
108108
visible: this.isVisibleCloseCityDisclaimer.bind(this),
109-
icon: 'po-icon-eye-off'
109+
icon: 'ph ph-eye-closed'
110110
},
111111
{
112112
label: 'Show Close City Disclaimer',
113113
action: this.onClickCloseCityDisclaimer.bind(this),
114114
visible: this.isHideCloseCityDisclaimer.bind(this),
115-
icon: 'po-icon-eye'
115+
icon: 'ph ph-eye'
116116
}
117117
];
118118

119119
tableCustomActions: Array<PoPageDynamicTableCustomTableAction> = [
120120
{
121121
label: 'Details',
122122
action: this.onClickHotelDetail.bind(this),
123-
icon: 'po-icon-user'
123+
icon: 'ph ph-user'
124124
}
125125
];
126126

‎projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-users/sample-po-page-dynamic-table-users.component.ts‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -80,41 +80,41 @@ export class SamplePoPageDynamicTableUsersComponent implements OnInit {
8080
label: 'Actions Right',
8181
action: this.onClickActionsSide.bind(this),
8282
visible: this.isVisibleActionsRight.bind(this),
83-
icon: 'po-icon-arrow-right'
83+
icon: 'ph ph-caret-right'
8484
},
8585
{
8686
label: 'Actions Left',
8787
action: this.onClickActionsSide.bind(this),
8888
visible: this.isVisibleActionsLeft.bind(this),
89-
icon: 'po-icon-arrow-left'
89+
icon: 'ph ph-caret-left'
9090
},
9191
{
9292
label: 'Fixed Filter',
9393
action: this.onClickFixedFilter.bind(this),
9494
visible: this.isVisibleFixedFilter.bind(this),
95-
icon: 'po-icon-lock'
95+
icon: 'ph ph-lock'
9696
},
9797
{
9898
label: 'Not Fixed Filter',
9999
action: this.onClickFixedFilter.bind(this),
100100
visible: this.isVisibleNotFixedFilter.bind(this),
101-
icon: 'po-icon-lock-off'
101+
icon: 'ph ph-lock-open'
102102
},
103-
{ label: 'Print', action: this.printPage.bind(this), icon: 'po-icon-print' }
103+
{ label: 'Print', action: this.printPage.bind(this), icon: 'ph ph-printer' }
104104
];
105105

106106
tableCustomActions: Array<PoPageDynamicTableCustomTableAction> = [
107107
{
108108
label: 'Details',
109109
action: this.onClickUserDetail.bind(this),
110110
disabled: this.isUserInactive.bind(this),
111-
icon: 'po-icon-user'
111+
icon: 'ph ph-user'
112112
},
113113
{
114114
label: 'Dependents',
115115
action: this.onClickDependents.bind(this),
116116
visible: this.hasDependents.bind(this),
117-
icon: 'po-icon-user'
117+
icon: 'ph ph-user'
118118
}
119119
];
120120

@@ -126,7 +126,7 @@ export class SamplePoPageDynamicTableUsersComponent implements OnInit {
126126
{
127127
label: 'Download .csv',
128128
action: this.usersService.downloadCsv.bind(this.usersService, this.serviceApi),
129-
icon: 'po-icon-download'
129+
icon: 'ph ph-download-simple'
130130
}
131131
];
132132
}

‎projects/ui/src/lib/components/po-badge/po-badge-base.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ export class PoBadgeBaseComponent {
9090
* ```
9191
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](/guides/icons). conforme exemplo abaixo:
9292
* ```
93-
* <po-badge p-icon="po-icon-user"></po-badge>
93+
* <po-badge p-icon="ph ph-user"></po-badge>
9494
* ```
9595
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma:
9696
* ```

‎projects/ui/src/lib/components/po-badge/samples/sample-po-badge-labs/sample-po-badge-labs.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export class SamplePoBadgeLabsComponent implements OnInit {
1919
iconsOptions: Array<PoRadioGroupOption> = [
2020
{ label: 'ph-check', value: 'ph ph-check' },
2121
{ label: 'ph-check-circle', value: 'ph ph-check-circle' },
22-
{ label: 'po-icon-ok', value: 'po-icon-ok' },
22+
{ label: 'ph ph-check', value: 'ph ph-check' },
2323
{ label: 'fa-minus', value: 'fa fa-minus' },
2424
{ label: 'true (Enabled when status is settled)', value: 'true', disabled: true },
2525
{ label: 'None', value: 'false' }

0 commit comments

Comments
 (0)