Hi Carlos, Please make some post about that on users/dev list. :)
Thanks, Piotr wt., 31 mar 2020 o 16:25 <[email protected]> napisał(a): > This is an automated email from the ASF dual-hosted git repository. > > carlosrovira pushed a commit to branch develop > in repository https://gitbox.apache.org/repos/asf/royale-asjs.git > > > The following commit(s) were added to refs/heads/develop by this push: > new a2c8f39 tour-de-jewel: Change references of FontIcon to > MaterialIcon and remove "material=true". Important: Now FontIcon is > deprecated and will be removed soon. As in CSS we change "iconClass" to > MaterialIcon for IconButtonBar and subclasses > a2c8f39 is described below > > commit a2c8f39034ad4f048c6742f30fc530dfca17ec32 > Author: Carlos Rovira <[email protected]> > AuthorDate: Tue Mar 31 16:25:44 2020 +0200 > > tour-de-jewel: Change references of FontIcon to MaterialIcon and > remove "material=true". Important: Now FontIcon is deprecated and will be > removed soon. As in CSS we change "iconClass" to MaterialIcon for > IconButtonBar and subclasses > --- > .../src/main/resources/jewel-example-styles.css | 2 +- > .../src/main/royale/ButtonBarPlayGround.mxml | 10 +++---- > .../src/main/royale/ButtonPlayGround.mxml | 34 > +++++++++++----------- > .../src/main/royale/CardPlayGround.mxml | 8 ++--- > .../src/main/royale/ComboBoxPlayGround.mxml | 4 +-- > .../src/main/royale/DataGridPlayGround.mxml | 22 +++++++------- > .../TourDeJewel/src/main/royale/MainContent.mxml | 18 ++++++------ > .../src/main/royale/MiscelaneaPlayGound.mxml | 16 +++++----- > .../src/main/royale/TablePlayGround.mxml | 10 +++---- > .../src/main/royale/TextInputPlayGround.mxml | 10 +++---- > .../src/main/royale/WelcomeSection.mxml | 2 +- > .../src/main/royale/WizardPlayGround.mxml | 4 +-- > .../AdvancedIconListItemRenderer.mxml | 4 +-- > .../itemRenderers/IconDataGridItemRenderer.mxml | 2 +- > .../royale/itemRenderers/IconListItemRenderer.mxml | 2 +- > .../NavigationGroupExampleItemRenderer.mxml | 4 +-- > .../NavigationIconLinkItemRenderer.mxml | 2 +- > .../itemRenderers/SimpleIconListItemRenderer.mxml | 2 +- > .../TabBarHorizontalIconItemRenderer.mxml | 2 +- > .../TabBarVerticalIconItemRenderer.mxml | 2 +- > .../TableCellCloseIconItemRenderer.mxml | 2 +- > .../itemRenderers/TableStyleListItemRenderer.mxml | 2 +- > 22 files changed, 82 insertions(+), 82 deletions(-) > > diff --git > a/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css > b/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css > index 11e74af..038412c 100644 > --- > a/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css > +++ > b/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css > @@ -24,7 +24,7 @@ > > j|IconButtonBar > { > - iconClass: ClassReference("org.apache.royale.icons.FontIcon") > + iconClass: ClassReference("org.apache.royale.icons.MaterialIcon") > } > > .tableStyle > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml > index 4b5f129..df0aeb2 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml > @@ -122,19 +122,19 @@ limitations under the License. > <j:Card> > <html:H3 text="Jewel IconButtonBar"/> > > - <j:Label html="Is a ButtonBar with > IconButtons as item renderers. At Application level CSS you need to specify > the icon class with a declaration for > <strong>j|IconButtonBar</strong> like this: <strong>iconClass: > ClassReference('org.apache.royale.icons.FontIcon')</strong>" > + <j:Label html="Is a ButtonBar with > IconButtons as item renderers. At Application level CSS you need to specify > the icon class with a declaration for > <strong>j|IconButtonBar</strong> like this: <strong>iconClass: > ClassReference('org.apache.royale.icons.MaterialIcon')</strong>" > multiline="true"/> > > <html:H4 text="Width 100% and emphasized > color"/> > > <j:IconButtonBar localId="ibb" > change="ibb_label.text = ibb.selectedItem.label + ' (icon: ' + > ibb.selectedItem.icon + ')'" > - emphasis="primary" width="100%" > material="true" > + emphasis="primary" width="100%" > > dataProvider="{listModel.iconButtonData}"/> > > <html:H4 text="No Width and icons to the > right"/> > > <j:IconButtonBar localId="ibb2" > change="ibb_label.text = ibb2.selectedItem.label + ' (icon: ' + > ibb2.selectedItem.icon + ')'" > - emphasis="secondary" > rightPosition="true" material="true" iconField="icon" > + emphasis="secondary" > rightPosition="true" iconField="icon" > > dataProvider="{listModel.iconButtonData}"/> > > <j:Label localId="ibb_label"/> > @@ -152,7 +152,7 @@ limitations under the License. > <j:ToggleButtonBar localId="tbb" > change="tbbChangeHandler(event)" > selectedIndex="2" > - emphasis="primary" width="100%" > material="true" > + emphasis="primary" width="100%" > > dataProvider="{listModel.iconButtonData}"/> > > <html:H4 text="No Width and icons to the > right, selectedIndex is 0"/> > @@ -160,7 +160,7 @@ limitations under the License. > <j:ToggleButtonBar localId="tbb2" > change="tbbChangeHandler(event)" > selectedIndex="0" > - emphasis="emphasized" > rightPosition="true" material="true" iconField="icon" > + emphasis="emphasized" > rightPosition="true" iconField="icon" > > dataProvider="{listModel.iconButtonData}"/> > > <j:Label localId="tbb_label"/> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml > index 31669af..501c048 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml > @@ -208,24 +208,24 @@ limitations under the License. > <j:CardPrimaryContent> > <j:IconButton text="print" > emphasis="primary"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.PRINT}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.PRINT}" /> > </j:icon> > </j:IconButton> > <j:IconButton emphasis="secondary"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.FACE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.FACE}" /> > </j:icon> > </j:IconButton> > <j:IconButton text="wifi" > emphasis="emphasized"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.WIFI}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.WIFI}" /> > </j:icon> > </j:IconButton> > > <j:HGroup gap="3" > itemsVerticalAlign="itemsCenter"> > <j:IconButton > localId="ib_lor" text="Do not disturb"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.DO_NOT_DISTURB}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.DO_NOT_DISTURB}" /> > </j:icon> > </j:IconButton> > <j:CheckBox > text="rightPosition" change="ib_lor.rightPosition = !ib_lor.rightPosition"/> > @@ -242,24 +242,24 @@ limitations under the License. > <j:CardPrimaryContent> > <j:IconButton text="print" > emphasis="primary" outlined="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.PRINT}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.PRINT}" /> > </j:icon> > </j:IconButton> > <j:IconButton emphasis="secondary" > outlined="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.FACE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.FACE}" /> > </j:icon> > </j:IconButton> > <j:IconButton text="wifi" > emphasis="emphasized" outlined="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.WIFI}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.WIFI}" /> > </j:icon> > </j:IconButton> > > <j:HGroup gap="3" > itemsVerticalAlign="itemsCenter"> > <j:IconButton > localId="ib_lor2" text="Do not disturb" outlined="true"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.DO_NOT_DISTURB}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.DO_NOT_DISTURB}" /> > </j:icon> > </j:IconButton> > <j:CheckBox > text="rightPosition" change="ib_lor2.rightPosition = > !ib_lor2.rightPosition"/> > @@ -276,24 +276,24 @@ limitations under the License. > <j:CardPrimaryContent> > <j:IconButton text="print" > emphasis="primary" unboxed="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.PRINT}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.PRINT}" /> > </j:icon> > </j:IconButton> > <j:IconButton emphasis="secondary" > unboxed="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.FACE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.FACE}" /> > </j:icon> > </j:IconButton> > <j:IconButton text="wifi" > emphasis="emphasized" unboxed="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.WIFI}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.WIFI}"/> > </j:icon> > </j:IconButton> > > <j:HGroup gap="3" > itemsVerticalAlign="itemsCenter"> > <j:IconButton > localId="ib_lor3" text="Do not disturb" unboxed="true"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.DO_NOT_DISTURB}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.DO_NOT_DISTURB}" /> > </j:icon> > </j:IconButton> > <j:CheckBox > text="rightPosition" change="ib_lor3.rightPosition = > !ib_lor3.rightPosition"/> > @@ -357,7 +357,7 @@ limitations under the License. > </j:ToggleButton> > <j:ToggleButton> > <j:icon> > - <js:ToggleFontIcon > text="{MaterialIconType.VISIBILITY}" > selectedText="{MaterialIconType.VISIBILITY_OFF}" material="true"/> > + > <js:MaterialToggleIcon text="{MaterialIconType.VISIBILITY}" > selectedText="{MaterialIconType.VISIBILITY_OFF}" /> > </j:icon> > <j:beads> > <j:ToolTip > toolTip="show/hide FooterBar"/> > @@ -365,7 +365,7 @@ limitations under the License. > </j:ToggleButton> > <j:ToggleButton text="Icon and > Text" selectedText="Icon and Text" emphasis="{StyledUIBase.SECONDARY}"> > <j:icon> > - <js:ToggleFontIcon > text="{MaterialIconType.VISIBILITY}" > selectedText="{MaterialIconType.VISIBILITY_OFF}" material="true"/> > + > <js:MaterialToggleIcon text="{MaterialIconType.VISIBILITY}" > selectedText="{MaterialIconType.VISIBILITY_OFF}"/> > </j:icon> > <j:beads> > <j:ToolTip > toolTip="show/hide FooterBar"/> > @@ -374,19 +374,19 @@ limitations under the License. > <j:ToggleButton outlined="true" > emphasis="secondary" > text="Show it" selected="true"> > <j:icon> > - <js:ToggleFontIcon > text="{MaterialIconType.VISIBILITY_OFF}" > selectedText="{MaterialIconType.VISIBILITY}" material="true"/> > + <js:MaterialToggleIcon > text="{MaterialIconType.VISIBILITY_OFF}" > selectedText="{MaterialIconType.VISIBILITY}" /> > </j:icon> > </j:ToggleButton> > <j:ToggleButton unboxed="true" > emphasis="primary" > text="Show it" selected="true"> > <j:icon> > - <js:ToggleFontIcon > text="{MaterialIconType.VISIBILITY_OFF}" > selectedText="{MaterialIconType.VISIBILITY}" material="true"/> > + <js:MaterialToggleIcon > text="{MaterialIconType.VISIBILITY_OFF}" > selectedText="{MaterialIconType.VISIBILITY}" /> > </j:icon> > </j:ToggleButton> > <j:HGroup gap="3" > itemsVerticalAlign="itemsCenter"> > <j:ToggleButton > localId="tb_lor" text="No Print" selectedText="Print"> > <j:icon> > - > <js:ToggleFontIcon text="{MaterialIconType.PRINT_DISABLED}" > selectedText="{MaterialIconType.PRINT}" material="true"/> > + > <js:MaterialToggleIcon text="{MaterialIconType.PRINT_DISABLED}" > selectedText="{MaterialIconType.PRINT}" /> > </j:icon> > </j:ToggleButton> > <j:CheckBox > selected="true" text="rightPosition" change="tb_lor.rightPosition = > !tb_lor.rightPosition"/> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml > index 9220dee..7fc55d7 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml > @@ -111,12 +111,12 @@ limitations under the License. > <j:CardActions > itemsHorizontalAlign="itemsRight"> > <j:IconButton text="Reply" > emphasis="primary" outlined="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.REPLY}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.REPLY}" /> > </j:icon> > </j:IconButton> > <j:IconButton text="Cancel" > outlined="true"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.CANCEL}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.CANCEL}" /> > </j:icon> > </j:IconButton> > </j:CardActions> > @@ -132,12 +132,12 @@ limitations under the License. > <j:BarSection > itemsHorizontalAlign="itemsRight"> > <j:IconButton > emphasis="primary" unboxed="true"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.SHARE}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.SHARE}" /> > </j:icon> > </j:IconButton> > <j:IconButton > unboxed="true"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.MORE_VERT}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.MORE_VERT}" /> > </j:icon> > </j:IconButton> > </j:BarSection> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml > index 1667c51..4bd22d9 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml > @@ -90,7 +90,7 @@ limitations under the License. > <j:BarSection > itemsHorizontalAlign="itemsRight"> > <j:IconButton > unboxed="true" click="assignNewData(watchmenComboBox)"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.SETTINGS_BACKUP_RESTORE}" > material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.SETTINGS_BACKUP_RESTORE}" /> > </j:icon> > <j:beads> > <j:ToolTip > toolTip="Assign new data"/> > @@ -131,7 +131,7 @@ limitations under the License. > <j:BarSection > itemsHorizontalAlign="itemsRight"> > <j:IconButton > unboxed="true" click="assignNewData(avengersComboBox)"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.SETTINGS_BACKUP_RESTORE}" > material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.SETTINGS_BACKUP_RESTORE}" /> > </j:icon> > <j:beads> > <j:ToolTip > toolTip="Assign new data"/> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/DataGridPlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/DataGridPlayGround.mxml > index 4c8b917..9d0d460 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/DataGridPlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/DataGridPlayGround.mxml > @@ -197,7 +197,7 @@ limitations under the License. > <j:ToolTip > toolTip="Clear Data"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.CLEAR}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.CLEAR}" /> > </j:icon> > </j:IconButton> > <j:IconButton > click="loadDataProvider(dg1)" emphasis="primary" outlined="true"> > @@ -205,7 +205,7 @@ limitations under the License. > <j:ToolTip > toolTip="Load Data"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.VIEW_HEADLINE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.VIEW_HEADLINE}" /> > </j:icon> > </j:IconButton> > </j:CardActions> > @@ -247,7 +247,7 @@ limitations under the License. > <j:ToolTip > toolTip="Clear Data"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.CLEAR}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.CLEAR}" /> > </j:icon> > </j:IconButton> > <j:IconButton > click="loadDataProvider(dg2)" emphasis="primary" outlined="true"> > @@ -255,7 +255,7 @@ limitations under the License. > <j:ToolTip > toolTip="Load Data"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.VIEW_HEADLINE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.VIEW_HEADLINE}" /> > </j:icon> > </j:IconButton> > </j:CardActions> > @@ -295,7 +295,7 @@ limitations under the License. > <j:ToolTip > toolTip="Change Column Labels"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.RESTORE_PAGE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.RESTORE_PAGE}" /> > </j:icon> > </j:IconButton> > <j:IconButton > click="clearBindedDataProvider(dg3)" outlined="true"> > @@ -303,7 +303,7 @@ limitations under the License. > <j:ToolTip > toolTip="Clear Data"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.CLEAR_ALL}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.CLEAR_ALL}" /> > </j:icon> > </j:IconButton> > <j:IconButton > click="loadBindedDataProvider(dg3)" emphasis="primary" outlined="true"> > @@ -311,7 +311,7 @@ limitations under the License. > <j:ToolTip > toolTip="Load Data"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.AUTORENEW}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.AUTORENEW}" /> > </j:icon> > </j:IconButton> > </j:CardActions> > @@ -351,7 +351,7 @@ limitations under the License. > <j:ToolTip > toolTip="Add Row"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.ADD}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.ADD}" /> > </j:icon> > </j:IconButton> > <j:IconButton > click="removeFirstRow(dg4)" outlined="true"> > @@ -359,7 +359,7 @@ limitations under the License. > <j:ToolTip > toolTip="Remove First Row"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.REMOVE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.REMOVE}" /> > </j:icon> > </j:IconButton> > <j:IconButton > click="updateFirstRow(dg4)" emphasis="primary" outlined="true"> > @@ -367,7 +367,7 @@ limitations under the License. > <j:ToolTip > toolTip="Update First Row"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.UPDATE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.UPDATE}" /> > </j:icon> > </j:IconButton> > <j:IconButton > click="removeAllRows(dg4)" emphasis="primary" outlined="true"> > @@ -375,7 +375,7 @@ limitations under the License. > <j:ToolTip > toolTip="Remove all rows"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.DELETE_FOREVER}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.DELETE_FOREVER}" /> > </j:icon> > </j:IconButton> > </j:CardActions> > diff --git a/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml > b/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml > index 9ced58e..655b0bc 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml > @@ -214,7 +214,7 @@ limitations under the License. > <j:BarSection> > <j:IconButton> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.FEEDBACK}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.FEEDBACK}" /> > </j:icon> > </j:IconButton> > </j:BarSection> > @@ -231,7 +231,7 @@ limitations under the License. > <j:Badge localId="badge" overlap="true"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.ACCOUNT_BALANCE}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.ACCOUNT_BALANCE}" /> > </j:icon> > </j:IconButton> > <j:IconButton click="popup.open = !popup.open"> > @@ -239,7 +239,7 @@ limitations under the License. > <j:Badge text="5" emphasis="secondary" > subindex="true" overlap="true"/> > </j:beads> > <j:icon> > - <js:FontIcon text="{MaterialIconType.DATA_USAGE}" > material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.DATA_USAGE}" /> > </j:icon> > </j:IconButton> > <j:PopUp localId="popup" > closePopUp="popupFormContent.formValidator.removeAllErrorTips()"> > @@ -255,7 +255,7 @@ limitations under the License. > <j:Badge text="27" emphasis="primary" > preindex="true" overlap="true"/> > </j:beads> > <j:icon> > - <js:FontIcon text="{MaterialIconType.ADD_ALARM}" > material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.ADD_ALARM}" /> > </j:icon> > </j:IconButton> > <j:IconButton> > @@ -263,7 +263,7 @@ limitations under the License. > <j:Badge text="209" emphasis="emphasized" > subindex="true" preindex="true" overlap="true"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.ANNOUNCEMENT}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.ANNOUNCEMENT}" /> > </j:icon> > </j:IconButton> > </j:BarSection> > @@ -278,7 +278,7 @@ limitations under the License. > <j:ResponsiveVisibility desktopVisible="false" > wideScreenVisible="false" /> > </j:beads> > <j:icon> > - <js:FontIcon text="{MaterialIconType.MENU}" > material="true"/> > + <js:MaterialIcon text="{MaterialIconType.MENU}" /> > </j:icon> > </j:IconButton> > <j:BarTitle text="Apache Royale Tour de Jewel"/> > @@ -289,7 +289,7 @@ limitations under the License. > <j:ToolTip toolTip="Detect Orientation"/> > </j:beads> > <j:icon> > - <js:ToggleFontIcon > text="{MaterialIconType.SCREEN_LOCK_ROTATION}" > selectedText="{MaterialIconType.SCREEN_ROTATION}" material="true"/> > + <js:MaterialToggleIcon > text="{MaterialIconType.SCREEN_LOCK_ROTATION}" > selectedText="{MaterialIconType.SCREEN_ROTATION}" /> > </j:icon> > </j:ToggleButton> > <j:ToggleButton click="footerbar.visible = > !footerbar.visible"> > @@ -297,7 +297,7 @@ limitations under the License. > <j:ToolTip toolTip="show/hide FooterBar"/> > </j:beads> > <j:icon> > - <js:ToggleFontIcon > text="{MaterialIconType.VISIBILITY}" > selectedText="{MaterialIconType.VISIBILITY_OFF}" material="true"/> > + <js:MaterialToggleIcon > text="{MaterialIconType.VISIBILITY}" > selectedText="{MaterialIconType.VISIBILITY_OFF}" /> > </j:icon> > </j:ToggleButton> > <j:ToggleButton click="toggleTopAppBarFixed()"> > @@ -305,7 +305,7 @@ limitations under the License. > <j:ToolTip toolTip="Lock(fix) or Unlock the > TopBar"/> > </j:beads> > <j:icon> > - <js:ToggleFontIcon text="{MaterialIconType.LOCK}" > selectedText="{MaterialIconType.LOCK_OPEN}" material="true"/> > + <js:MaterialToggleIcon > text="{MaterialIconType.LOCK}" selectedText="{MaterialIconType.LOCK_OPEN}" > /> > </j:icon> > </j:ToggleButton> > </j:BarSection> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml > b/examples/jewel/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml > index 1d27af2..c9fc92e 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml > @@ -42,13 +42,13 @@ limitations under the License. > <j:Card> > <html:H3 text="Jewel Icons Sizes"/> > > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" size="18"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > size="18"/> > <j:Label text="18px"/> > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" size="24"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > size="24"/> > <j:Label text="24px (default)"/> > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" size="36"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > size="36"/> > <j:Label text="36px"/> > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" size="48"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > size="48"/> > <j:Label text="48px"/> > </j:Card> > </j:GridCell> > @@ -57,13 +57,13 @@ limitations under the License. > <j:Card> > <html:H3 text="Jewel Icons Dark / Light"/> > > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" dark="true"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > dark="true"/> > <j:Label text="dark"/> > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" dark="true" inactive="true"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > dark="true" inactive="true"/> > <j:Label text="dark - inactive"/> > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" light="true"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > light="true"/> > <j:Label text="light"/> > - <js:FontIcon text="{MaterialIconType.FACE}" > material="true" light="true" inactive="true"/> > + <js:MaterialIcon text="{MaterialIconType.FACE}" > light="true" inactive="true"/> > <j:Label text="light - inactive"/> > </j:Card> > </j:GridCell> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml > index a3c85a7..fcc1a89 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml > @@ -71,7 +71,7 @@ limitations under the License. > <j:TBody> > <j:TableRow> > <j:TableCell> > - > <js:FontIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" /> > </j:TableCell> > <j:TableCell > expandRows="2"> > <j:Label > text="Some text in two rows" multiline="true"/> > @@ -93,7 +93,7 @@ limitations under the License. > </j:TableRow> > <j:TableRow> > <j:TableCell> > - > <js:FontIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" /> > </j:TableCell> > > <j:TableCell> > @@ -113,7 +113,7 @@ limitations under the License. > </j:TableRow> > <j:TableRow> > <j:TableCell> > - > <js:FontIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" /> > </j:TableCell> > <j:TableCell> > <j:Label > text="More text 2" /> > @@ -135,7 +135,7 @@ limitations under the License. > </j:TableRow> > <j:TableRow> > <j:TableCell> > - > <js:FontIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" /> > </j:TableCell> > <j:TableCell> > <!-- By > using a Group within a cell you have better control of the > @@ -173,7 +173,7 @@ limitations under the License. > > <j:TextPrompt prompt="Search..."/> > > </j:beads> > > <j:icon> > - > <js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/> > + > <js:MaterialIcon text="{MaterialIconType.SEARCH}" /> > > </j:icon> > > </j:IconTextInput> > > <j:Button text="SEARCH" emphasis="{StyledUIBase.PRIMARY}"/> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml > index f266f6c..69fe4ed 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml > @@ -211,7 +211,7 @@ limitations under the License. > > <j:IconTextInput text="Searching > something"> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.SEARCH}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.SEARCH}" /> > </j:icon> > </j:IconTextInput> > > @@ -220,7 +220,7 @@ limitations under the License. > <j:TextPrompt > prompt="Search..."/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.SEARCH}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.SEARCH}" /> > </j:icon> > </j:IconTextInput> > > @@ -230,7 +230,7 @@ limitations under the License. > <j:Disabled/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.SEARCH}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.SEARCH}" /> > </j:icon> > </j:IconTextInput> > > @@ -240,7 +240,7 @@ limitations under the License. > <j:Disabled/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.SEARCH}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.SEARCH}" /> > </j:icon> > </j:IconTextInput> > > @@ -249,7 +249,7 @@ limitations under the License. > <j:SizeControl > size="xlarge"/> > </j:beads> > <j:icon> > - <js:FontIcon > text="{MaterialIconType.SEARCH}" material="true"/> > + <js:MaterialIcon > text="{MaterialIconType.SEARCH}" /> > </j:icon> > </j:IconTextInput> > </j:Card> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/WelcomeSection.mxml > b/examples/jewel/TourDeJewel/src/main/royale/WelcomeSection.mxml > index 384171a..4303427 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/WelcomeSection.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/WelcomeSection.mxml > @@ -136,7 +136,7 @@ limitations under the License. > <j:SizeControl size="xlarge"/> > </j:beads> > <j:icon> > - <js:FontIcon text="{MaterialIconType.SEARCH}" > material="true"/> > + <js:MaterialIcon text="{MaterialIconType.SEARCH}" /> > </j:icon> > </j:IconTextInput> > <j:Button text="Search" emphasis="secondary"> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml > b/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml > index 79e2222..7e56642 100644 > --- a/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml > +++ b/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml > @@ -72,7 +72,7 @@ limitations under the License. > <j:Group> > <j:IconButton > emphasis="{StyledUIBase.SECONDARY}"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.KEYBOARD_ARROW_LEFT}" material="true" > size="48"/> > + > <js:MaterialIcon text="{MaterialIconType.KEYBOARD_ARROW_LEFT}" size="48"/> > </j:icon> > </j:IconButton> > </j:Group> > @@ -82,7 +82,7 @@ limitations under the License. > <j:Group> > <j:IconButton > emphasis="{StyledUIBase.SECONDARY}"> > <j:icon> > - > <js:FontIcon text="{MaterialIconType.KEYBOARD_ARROW_RIGHT}" > material="true" size="48"/> > + > <js:MaterialIcon text="{MaterialIconType.KEYBOARD_ARROW_RIGHT}" > size="48"/> > </j:icon> > </j:IconButton> > </j:Group> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/AdvancedIconListItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/AdvancedIconListItemRenderer.mxml > index 47185f4..5ce2503 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/AdvancedIconListItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/AdvancedIconListItemRenderer.mxml > @@ -85,8 +85,8 @@ limitations under the License. > <js:ItemRendererDataBinding/> > </j:beads> > > - <js:FontIcon text="{iconListItem ? iconListItem.icon : ''}" > - material="true" > + <js:MaterialIcon text="{iconListItem ? iconListItem.icon : ''}" > + > visible="{iconListItem ? iconListItem.icon != null : > false}" > className="{colorClass}" > click="clickCloseButton()"/> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconDataGridItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconDataGridItemRenderer.mxml > index 18eb319..299fe3f 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconDataGridItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconDataGridItemRenderer.mxml > @@ -50,7 +50,7 @@ limitations under the License. > <j:HorizontalCenteredLayout/> > </j:beads> > > - <js:FontIcon text="{iconList ? iconList.icon : ''}" material="true" > + <js:MaterialIcon text="{iconList ? iconList.icon : ''}" > visible="{iconList ? iconList.icon != null : false}" > click="clickCloseButton(event)"/> > > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml > index d9c7b69..d22dfc0 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml > @@ -60,7 +60,7 @@ limitations under the License. > <js:ToolTipRemovalWhenItemRemoved tooltip="{tt}"/> > </j:beads> > > - <js:FontIcon text="{iconList ? iconList.icon : ''}" material="true" > visible="{iconList ? iconList.icon != null : false}" > click="clickCloseButton()"/> > + <js:MaterialIcon text="{iconList ? iconList.icon : ''}" > visible="{iconList ? iconList.icon != null : false}" > click="clickCloseButton()"/> > > <j:Label html="{text}" multiline="true"/> > > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationGroupExampleItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationGroupExampleItemRenderer.mxml > index 5f8bec9..182238e 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationGroupExampleItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationGroupExampleItemRenderer.mxml > @@ -81,11 +81,11 @@ limitations under the License. > <js:ItemRendererDataBinding /> > </j:beads> > > - <js:FontIcon text="{navlink ? navlink.icon : ''}" material="true" > visible="{navlink ? navlink.icon != null : false}"/> > + <js:MaterialIcon text="{navlink ? navlink.icon : ''}" > visible="{navlink ? navlink.icon != null : false}"/> > > <html:Span className="navigation-section-title" text="{text}"/> > > - <js:FontIcon text="{open? MaterialIconType.EXPAND_LESS: > MaterialIconType.EXPAND_MORE}" material="true" className="hint" > + <js:MaterialIcon text="{open? MaterialIconType.EXPAND_LESS: > MaterialIconType.EXPAND_MORE}" className="hint" > visible="{navlink.subMenu != null}" /> > > </j:CollapsibleNavigationSectionRenderer> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml > index d95520e..f9a6644 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml > @@ -39,7 +39,7 @@ limitations under the License. > <js:ItemRendererDataBinding /> > </j:beads> > > - <js:FontIcon text="{navlink ? navlink.icon : ''}" material="true" > visible="{navlink ? navlink.icon != null : false}"/> > + <js:MaterialIcon text="{navlink ? navlink.icon : ''}" > visible="{navlink ? navlink.icon != null : false}"/> > > <html:Span text="{navlink ? navlink.label : ''}"/> > > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/SimpleIconListItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/SimpleIconListItemRenderer.mxml > index b0613b1..359edaa 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/SimpleIconListItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/SimpleIconListItemRenderer.mxml > @@ -39,7 +39,7 @@ limitations under the License. > </j:beads> > > <j:HGroup gap="6" itemsVerticalAlign="itemsCenter"> > - <js:FontIcon text="{iconList.icon}" material="true" > visible="{iconList.icon != null}"/> > + <js:MaterialIcon text="{iconList.icon}" visible="{iconList.icon > != null}"/> > <j:Label html="{text}"/> > </j:HGroup> > > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarHorizontalIconItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarHorizontalIconItemRenderer.mxml > index a7f92f4..26f8828 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarHorizontalIconItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarHorizontalIconItemRenderer.mxml > @@ -40,7 +40,7 @@ limitations under the License. > </j:beads> > > <j:HGroup gap="4" itemsVerticalAlign="itemsCenter"> > - <js:FontIcon text="{tabButton ? tabButton.icon : ''}" > material="true" > + <js:MaterialIcon text="{tabButton ? tabButton.icon : ''}" > visible="{tabButton ? tabButton.icon != null : > false}"/> > <html:Span text="{tabButton ? tabButton.label : ''}"/> > </j:HGroup> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarVerticalIconItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarVerticalIconItemRenderer.mxml > index f31faaf..b323763 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarVerticalIconItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TabBarVerticalIconItemRenderer.mxml > @@ -40,7 +40,7 @@ limitations under the License. > </j:beads> > > <j:VGroup itemsHorizontalAlign="itemsCenter"> > - <js:FontIcon text="{tabButton ? tabButton.icon : ''}" > material="true" > + <js:MaterialIcon text="{tabButton ? tabButton.icon : ''}" > visible="{tabButton ? tabButton.icon != null : > false}"/> > <html:Span text="{tabButton ? tabButton.label : ''}"/> > </j:VGroup> > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml > index ddc608a..9bfb4b8 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml > @@ -44,7 +44,7 @@ limitations under the License. > > <j:IconButton emphasis="primary" width="24" height="24" > style="padding: 0px; border-radius: 50%" click="clickCloseButton()"> > <j:icon> > - <js:FontIcon text="{MaterialIconType.CLOSE}" material="true" > size="18"/> > + <js:MaterialIcon text="{MaterialIconType.CLOSE}" size="18"/> > </j:icon> > </j:IconButton> > > diff --git > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableStyleListItemRenderer.mxml > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableStyleListItemRenderer.mxml > index 5f0c5e3..b164048 100644 > --- > a/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableStyleListItemRenderer.mxml > +++ > b/examples/jewel/TourDeJewel/src/main/royale/itemRenderers/TableStyleListItemRenderer.mxml > @@ -27,7 +27,7 @@ limitations under the License. > <j:HorizontalLayout/> > </ir:beads> > > - <js:FontIcon text="{iconList ? iconList.icon : ''}" material="true" > visible="{iconList ? iconList.icon != null : false}" > click="clickCloseButton()" width="100"/> > + <js:MaterialIcon text="{iconList ? iconList.icon : ''}" > visible="{iconList ? iconList.icon != null : false}" > click="clickCloseButton()" width="100"/> > <j:Label html="{text}" multiline="true" width="300"/> > <j:Label html="Third field" multiline="true" width="100"/> > <j:Label html="Fourth field" multiline="true" width="200"/> > > -- Piotr Zarzycki Patreon: *https://www.patreon.com/piotrzarzycki <https://www.patreon.com/piotrzarzycki>*
