@zohodesk/icons 1.0.0-temp.7 → 1.0.0-test.114
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +64 -1
- package/assets_final/fonts/zd-customize.svg +2 -0
- package/assets_final/fonts/zd-customize.woff +0 -0
- package/assets_final/fonts/zd-customize.woff2 +0 -0
- package/assets_final/fonts/zd-gcFonts.svg +9 -0
- package/assets_final/fonts/zd-gcFonts.woff +0 -0
- package/assets_final/fonts/zd-gcFonts.woff2 +0 -0
- package/assets_final/fonts/zd-rCustomize.svg +10 -0
- package/assets_final/fonts/zd-rCustomize.woff +0 -0
- package/assets_final/fonts/zd-rCustomize.woff2 +0 -0
- package/assets_final/fonts/zd-rGeneral.svg +5 -2
- package/assets_final/fonts/zd-rGeneral.woff +0 -0
- package/assets_final/fonts/zd-rGeneral.woff2 +0 -0
- package/assets_final/fonts/zd-rIntegrations.svg +2 -0
- package/assets_final/fonts/zd-rIntegrations.woff +0 -0
- package/assets_final/fonts/zd-rIntegrations.woff2 +0 -0
- package/assets_final/fonts/zd-rMarketplace.svg +32 -30
- package/assets_final/fonts/zd-rMarketplace.woff +0 -0
- package/assets_final/fonts/zd-rMarketplace.woff2 +0 -0
- package/assets_final/fonts/zd-rTwotone.svg +32 -0
- package/assets_final/fonts/zd-rTwotone.woff +0 -0
- package/assets_final/fonts/zd-rTwotone.woff2 +0 -0
- package/assets_final/react/zd-font-rCustomize.module.css +33 -3
- package/assets_final/react/zd-font-rGeneral.module.css +12 -3
- package/assets_final/react/zd-font-rIntegrations.module.css +10 -3
- package/assets_final/react/zd-font-rMarketplace.module.css +12 -3
- package/assets_final/react/zd-font-rTwotone.module.css +147 -3
- package/assets_final/react/zd-font-react-customize.module.css +12 -3
- package/assets_final/react/zd-font-react-gcFonts.module.css +36 -3
- package/es/Icon/FontFactory.js +48 -8
- package/es/Icon/FontIcon.js +4 -26
- package/es/Icon/asyncComponent.js +3 -13
- package/es/Icon/index.js +1 -39
- package/es/Icon/props/defaultProps.js +3 -0
- package/es/Icon/props/propTypes.js +17 -0
- package/es/index.js +5 -5
- package/lib/Icon/CustomIcons.js +0 -3
- package/lib/Icon/FontFactory.js +38 -11
- package/lib/Icon/FontIcon.js +19 -63
- package/lib/Icon/asyncComponent.js +5 -28
- package/lib/Icon/index.js +9 -55
- package/lib/Icon/props/defaultProps.js +10 -0
- package/lib/Icon/props/propTypes.js +25 -0
- package/lib/index.js +0 -36
- package/package.json +28 -35
- package/es/common/IcondocStyle.module.css +0 -22
- package/lib/common/IcondocStyle.module.css +0 -22
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-
|
|
3
|
+
font-family:"zdf-rCustomize_2";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-rCustomize.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-callStatus,.icon-callTransfer,.icon-currency,.icon-dateTimePicker,.icon-decimal,.icon-doller,.icon-integer,.icon-layout,.icon-lookUp,.icon-multiselect,.icon-percentage,.icon-removefield,.icon-replace,.icon-selectLine,.icon-text,.icon-textArea,.icon-textType,.icon-customAction,.icon-formula,.icon-ticketID{
|
|
15
|
-
font-family:"zdf-
|
|
14
|
+
.icon-callStatus,.icon-callTransfer,.icon-currency,.icon-dateTimePicker,.icon-decimal,.icon-doller,.icon-integer,.icon-layout,.icon-lookUp,.icon-multiselect,.icon-percentage,.icon-removefield,.icon-replace,.icon-selectLine,.icon-text,.icon-textArea,.icon-textType,.icon-customAction,.icon-formula,.icon-ticketID,.icon-happinessLevel3,.icon-happinessLevel2,.icon-happinessLevel1,.icon-happinessLevel5,.icon-happinessLevel4,.icon-happinessLevel6,.icon-happinessLevel7,.icon-happinessLevel10,.icon-happinessLevel9,.icon-happinessLevel8{
|
|
15
|
+
font-family:"zdf-rCustomize_2" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-callStatus:before {
|
|
@@ -75,3 +75,33 @@
|
|
|
75
75
|
.icon-ticketID:before {
|
|
76
76
|
content: "\b7013";
|
|
77
77
|
}
|
|
78
|
+
.icon-happinessLevel3:before {
|
|
79
|
+
content: "\b7014";
|
|
80
|
+
}
|
|
81
|
+
.icon-happinessLevel2:before {
|
|
82
|
+
content: "\b7015";
|
|
83
|
+
}
|
|
84
|
+
.icon-happinessLevel1:before {
|
|
85
|
+
content: "\b7016";
|
|
86
|
+
}
|
|
87
|
+
.icon-happinessLevel5:before {
|
|
88
|
+
content: "\b7017";
|
|
89
|
+
}
|
|
90
|
+
.icon-happinessLevel4:before {
|
|
91
|
+
content: "\b7018";
|
|
92
|
+
}
|
|
93
|
+
.icon-happinessLevel6:before {
|
|
94
|
+
content: "\b7019";
|
|
95
|
+
}
|
|
96
|
+
.icon-happinessLevel7:before {
|
|
97
|
+
content: "\b701a";
|
|
98
|
+
}
|
|
99
|
+
.icon-happinessLevel10:before {
|
|
100
|
+
content: "\b701b";
|
|
101
|
+
}
|
|
102
|
+
.icon-happinessLevel9:before {
|
|
103
|
+
content: "\b701c";
|
|
104
|
+
}
|
|
105
|
+
.icon-happinessLevel8:before {
|
|
106
|
+
content: "\b701d";
|
|
107
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-
|
|
3
|
+
font-family:"zdf-rGeneral_5";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-rGeneral.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-signOut,.icon-phoneFill,.icon-more,.icon-alignLeft,.icon-alignRight,.icon-allignCenter,.icon-allignJustify,.icon-bold,.icon-bullets,.icon-clearFormat,.icon-decreaceIndent,.icon-font,.icon-fontColour,.icon-formatPainter,.icon-horizontalRule,.icon-increaceIndent,.icon-insertCode,.icon-insertHtml,.icon-insertImage,.icon-insertQuote,.icon-italic,.icon-numbering,.icon-spellCheck,.icon-strikeThrough,.icon-underLine,.icon-agent,.icon-agentFill,.icon-alarmclock,.icon-alertTriangle,.icon-alertTriangleFill,.icon-arrowDown,.icon-arrowDownCircle,.icon-arrowFill,.icon-ascending,.icon-attachment,.icon-avatar,.icon-backspaceDelete,.icon-bad,.icon-badFill,.icon-bell,.icon-bgColor,.icon-camera,.icon-checkbox,.icon-circleMinus,.icon-circlePlus,.icon-clear,.icon-clock,.icon-cloud,.icon-copy,.icon-delete,.icon-descending,.icon-dislike,.icon-download,.icon-dragandDrop,.icon-dropdown,.icon-dropdownCircle,.icon-dropdownStroke,.icon-edit,.icon-editPen,.icon-eraser,.icon-exclamationfill,.icon-funnel,.icon-good,.icon-goodFill,.icon-helpRound,.icon-helpStroke,.icon-hideTab,.icon-home,.icon-info,.icon-invisible,.icon-like,.icon-lock,.icon-maximize,.icon-minimize,.icon-minus,.icon-move,.icon-newLink,.icon-ok,.icon-okFill,.icon-paperPlane,.icon-phone,.icon-pin,.icon-plus,.icon-power,.icon-print,.icon-priorityMode,.icon-refresh,.icon-reload,.icon-reply,.icon-replyAll,.icon-resize,.icon-screen,.icon-search,.icon-share,.icon-signal,.icon-sorting,.icon-sortingAZ,.icon-spam,.icon-speaker,.icon-speakerOff,.icon-starFill,.icon-starStroke,.icon-tick,.icon-tickRoundFill,.icon-timeLine,.icon-unlock,.icon-upload,.icon-visible,.icon-zoomIn,.icon-zoomOut,.icon-follow,.icon-forward,.icon-forwardFill,.icon-unFollow,.icon-infoStroke,.icon-onHold,.icon-clearFilter,.icon-placeholder,.icon-gift,.icon-freeTrial,.icon-skills,.icon-contactInformation,.icon-relatedDetails,.icon-template,.icon-department,.icon-doubleTick,.icon-bounce,.icon-accessibility,.icon-read,.icon-unread,.icon-wmsSun,.icon-wmsMoon{
|
|
15
|
-
font-family:"zdf-
|
|
14
|
+
.icon-signOut,.icon-phoneFill,.icon-more,.icon-alignLeft,.icon-alignRight,.icon-allignCenter,.icon-allignJustify,.icon-bold,.icon-bullets,.icon-clearFormat,.icon-decreaceIndent,.icon-font,.icon-fontColour,.icon-formatPainter,.icon-horizontalRule,.icon-increaceIndent,.icon-insertCode,.icon-insertHtml,.icon-insertImage,.icon-insertQuote,.icon-italic,.icon-numbering,.icon-spellCheck,.icon-strikeThrough,.icon-underLine,.icon-agent,.icon-agentFill,.icon-alarmclock,.icon-alertTriangle,.icon-alertTriangleFill,.icon-arrowDown,.icon-arrowDownCircle,.icon-arrowFill,.icon-ascending,.icon-attachment,.icon-avatar,.icon-backspaceDelete,.icon-bad,.icon-badFill,.icon-bell,.icon-bgColor,.icon-camera,.icon-checkbox,.icon-circleMinus,.icon-circlePlus,.icon-clear,.icon-clock,.icon-cloud,.icon-copy,.icon-delete,.icon-descending,.icon-dislike,.icon-download,.icon-dragandDrop,.icon-dropdown,.icon-dropdownCircle,.icon-dropdownStroke,.icon-edit,.icon-editPen,.icon-eraser,.icon-exclamationfill,.icon-funnel,.icon-good,.icon-goodFill,.icon-helpRound,.icon-helpStroke,.icon-hideTab,.icon-home,.icon-info,.icon-invisible,.icon-like,.icon-lock,.icon-maximize,.icon-minimize,.icon-minus,.icon-move,.icon-newLink,.icon-ok,.icon-okFill,.icon-paperPlane,.icon-phone,.icon-pin,.icon-plus,.icon-power,.icon-print,.icon-priorityMode,.icon-refresh,.icon-reload,.icon-reply,.icon-replyAll,.icon-resize,.icon-screen,.icon-search,.icon-share,.icon-signal,.icon-sorting,.icon-sortingAZ,.icon-spam,.icon-speaker,.icon-speakerOff,.icon-starFill,.icon-starStroke,.icon-tick,.icon-tickRoundFill,.icon-timeLine,.icon-unlock,.icon-upload,.icon-visible,.icon-zoomIn,.icon-zoomOut,.icon-follow,.icon-forward,.icon-forwardFill,.icon-unFollow,.icon-infoStroke,.icon-onHold,.icon-clearFilter,.icon-placeholder,.icon-gift,.icon-freeTrial,.icon-skills,.icon-contactInformation,.icon-relatedDetails,.icon-template,.icon-department,.icon-doubleTick,.icon-bounce,.icon-accessibility,.icon-read,.icon-unread,.icon-wmsSun,.icon-wmsMoon,.icon-configuaration,.icon-premium,.icon-money{
|
|
15
|
+
font-family:"zdf-rGeneral_5" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-signOut:before {
|
|
@@ -621,3 +621,12 @@
|
|
|
621
621
|
.icon-wmsMoon:before {
|
|
622
622
|
content: "\b20a7";
|
|
623
623
|
}
|
|
624
|
+
.icon-configuaration:before {
|
|
625
|
+
content: "\b20a8";
|
|
626
|
+
}
|
|
627
|
+
.icon-premium:before {
|
|
628
|
+
content: "\b20a9";
|
|
629
|
+
}
|
|
630
|
+
.icon-money:before {
|
|
631
|
+
content: "\b20aa";
|
|
632
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-
|
|
3
|
+
font-family:"zdf-rIntegrations_3";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-rIntegrations.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-intAnalytics,.icon-intBigin,.icon-intBooks,.icon-intBugTracker,.icon-intClick,.icon-intInventry,.icon-intJira,.icon-intOffice365,.icon-intOrchestly,.icon-intProject,.icon-intSalesforce,.icon-intSkydesk,.icon-intSlack,.icon-intSprints,.icon-intTwilio,.icon-zia,.icon-intInvoice,.icon-intSubscription{
|
|
15
|
-
font-family:"zdf-
|
|
14
|
+
.icon-intAnalytics,.icon-intBigin,.icon-intBooks,.icon-intBugTracker,.icon-intClick,.icon-intInventry,.icon-intJira,.icon-intOffice365,.icon-intOrchestly,.icon-intProject,.icon-intSalesforce,.icon-intSkydesk,.icon-intSlack,.icon-intSprints,.icon-intTwilio,.icon-zia,.icon-intInvoice,.icon-intSubscription,.icon-searchZoho,.icon-inSalesIQ{
|
|
15
|
+
font-family:"zdf-rIntegrations_3" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-intAnalytics:before {
|
|
@@ -191,3 +191,10 @@
|
|
|
191
191
|
content: "\b3025";
|
|
192
192
|
color: #236eb4;
|
|
193
193
|
}
|
|
194
|
+
.icon-searchZoho:before {
|
|
195
|
+
content: "\b3026";
|
|
196
|
+
color: #236eb4;
|
|
197
|
+
}
|
|
198
|
+
.icon-inSalesIQ:before {
|
|
199
|
+
content: "\b3027";
|
|
200
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-
|
|
3
|
+
font-family:"zdf-rMarketplace_3";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-rMarketplace.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-placeholder1,.icon-placeholder2,.icon-placeholder3,.icon-placeholder4,.icon-placeholder5,.icon-placeholder6,.icon-placeholder7,.icon-placeholder8,.icon-placeholder9,.icon-placeholder10,.icon-placeholder11,.icon-placeholder12{
|
|
15
|
-
font-family:"zdf-
|
|
14
|
+
.icon-placeholder1,.icon-placeholder2,.icon-placeholder3,.icon-placeholder4,.icon-placeholder5,.icon-placeholder6,.icon-placeholder7,.icon-placeholder8,.icon-placeholder9,.icon-placeholder10,.icon-placeholder11,.icon-placeholder12,.icon-placeholder13{
|
|
15
|
+
font-family:"zdf-rMarketplace_3" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-placeholder1 .path1:before {
|
|
@@ -143,3 +143,12 @@
|
|
|
143
143
|
margin-left: -1em;
|
|
144
144
|
color: rgb(1, 1, 1);
|
|
145
145
|
}
|
|
146
|
+
.icon-placeholder13 .path1:before {
|
|
147
|
+
content: "\b401c";
|
|
148
|
+
color: rgb(51, 51, 51);
|
|
149
|
+
}
|
|
150
|
+
.icon-placeholder13 .path2:before {
|
|
151
|
+
content: "\b401d";
|
|
152
|
+
margin-left: -1em;
|
|
153
|
+
color: rgb(1, 1, 1);
|
|
154
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-
|
|
3
|
+
font-family:"zdf-rTwotone_5";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-rTwotone.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-accounts,.icon-activities,.icon-agentQueue,.icon-article,.icon-chCallIn,.icon-chChat,.icon-chChatIn,.icon-chChatOut,.icon-chForwardDraft,.icon-chFacebook,.icon-chFacebookIn,.icon-chFacebookOut,.icon-chForum,.icon-chForumIn,.icon-chForumOut,.icon-chMail,.icon-chMailForward,.icon-chMailIn,.icon-chMailOut,.icon-chTwitter,.icon-chTwitterIn,.icon-chTwitterOut,.icon-chWidget,.icon-contact,.icon-contracts,.icon-crm,.icon-dashboard,.icon-event,.icon-feeds,.icon-gallery,.icon-gear,.icon-manage,.icon-notification,.icon-overview,.icon-search,.icon-tags,.icon-task,.icon-teamQueue,.icon-views,.icon-chInstagram,.icon-chInstagramOut,.icon-chInstagramIn,.icon-flagFill,.icon-chWhatsApp,.icon-chWhatsAppIn,.icon-chWhatsAppOut,.icon-product,.icon-gamescope,.icon-chDraft,.icon-remoteAssist,.icon-conversation,.icon-chDirectFacebook,.icon-analytics,.icon-annoncement,.icon-books,.icon-bug,.icon-bot,.icon-chCall,.icon-chCallOut,.icon-chHappiness,.icon-chHappinessIn,.icon-chHappinessOut,.icon-chWeb,.icon-chWebIn,.icon-chWebOut,.icon-comments,.icon-follow,.icon-idea,.icon-info,.icon-QuestionStroke,.icon-reports,.icon-share,.icon-ticket,.icon-ticketProperties,.icon-timeLine,.icon-triangleAlert,.icon-moreApps,.icon-reply,.icon-skills,.icon-instaIM{
|
|
15
|
-
font-family:"zdf-
|
|
14
|
+
.icon-accounts,.icon-activities,.icon-agentQueue,.icon-article,.icon-chCallIn,.icon-chChat,.icon-chChatIn,.icon-chChatOut,.icon-chForwardDraft,.icon-chFacebook,.icon-chFacebookIn,.icon-chFacebookOut,.icon-chForum,.icon-chForumIn,.icon-chForumOut,.icon-chMail,.icon-chMailForward,.icon-chMailIn,.icon-chMailOut,.icon-chTwitter,.icon-chTwitterIn,.icon-chTwitterOut,.icon-chWidget,.icon-contact,.icon-contracts,.icon-crm,.icon-dashboard,.icon-event,.icon-feeds,.icon-gallery,.icon-gear,.icon-manage,.icon-notification,.icon-overview,.icon-search,.icon-tags,.icon-task,.icon-teamQueue,.icon-views,.icon-chInstagram,.icon-chInstagramOut,.icon-chInstagramIn,.icon-flagFill,.icon-chWhatsApp,.icon-chWhatsAppIn,.icon-chWhatsAppOut,.icon-product,.icon-gamescope,.icon-chDraft,.icon-remoteAssist,.icon-conversation,.icon-chDirectFacebook,.icon-analytics,.icon-annoncement,.icon-books,.icon-bug,.icon-bot,.icon-chCall,.icon-chCallOut,.icon-chHappiness,.icon-chHappinessIn,.icon-chHappinessOut,.icon-chWeb,.icon-chWebIn,.icon-chWebOut,.icon-comments,.icon-follow,.icon-idea,.icon-info,.icon-QuestionStroke,.icon-reports,.icon-share,.icon-ticket,.icon-ticketProperties,.icon-timeLine,.icon-triangleAlert,.icon-moreApps,.icon-reply,.icon-skills,.icon-instaIM,.icon-imWeChat,.icon-imtwillio,.icon-imTelegram,.icon-imLine,.icon-imASAP,.icon-pdf,.icon-mp4,.icon-code,.icon-unknown,.icon-txt,.icon-zip,.icon-image,.icon-mp3,.icon-ttLocation,.icon-ttAttach,.icon-ttHash{
|
|
15
|
+
font-family:"zdf-rTwotone_5" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-accounts .path1:before {
|
|
@@ -862,3 +862,147 @@
|
|
|
862
862
|
margin-left: -1.15625em;
|
|
863
863
|
color: rgb(103, 104, 104);
|
|
864
864
|
}
|
|
865
|
+
.icon-imWeChat .path1:before {
|
|
866
|
+
content: "\c50b8";
|
|
867
|
+
color: rgb(153, 153, 153);
|
|
868
|
+
}
|
|
869
|
+
.icon-imWeChat .path2:before {
|
|
870
|
+
content: "\c50b9";
|
|
871
|
+
margin-left: -1.27734375em;
|
|
872
|
+
color: rgb(1, 1, 1);
|
|
873
|
+
}
|
|
874
|
+
.icon-imtwillio .path1:before {
|
|
875
|
+
content: "\c50ba";
|
|
876
|
+
color: rgb(153, 153, 153);
|
|
877
|
+
}
|
|
878
|
+
.icon-imtwillio .path2:before {
|
|
879
|
+
content: "\c50bb";
|
|
880
|
+
margin-left: -1em;
|
|
881
|
+
color: rgb(35, 31, 32);
|
|
882
|
+
}
|
|
883
|
+
.icon-imTelegram .path1:before {
|
|
884
|
+
content: "\c50bc";
|
|
885
|
+
color: rgb(153, 153, 153);
|
|
886
|
+
}
|
|
887
|
+
.icon-imTelegram .path2:before {
|
|
888
|
+
content: "\c50bd";
|
|
889
|
+
margin-left: -0.99609375em;
|
|
890
|
+
color: rgb(1, 1, 1);
|
|
891
|
+
}
|
|
892
|
+
.icon-imLine .path1:before {
|
|
893
|
+
content: "\c50be";
|
|
894
|
+
color: rgb(153, 153, 153);
|
|
895
|
+
}
|
|
896
|
+
.icon-imLine .path2:before {
|
|
897
|
+
content: "\c50bf";
|
|
898
|
+
margin-left: -1.1298828125em;
|
|
899
|
+
color: rgb(35, 31, 32);
|
|
900
|
+
}
|
|
901
|
+
.icon-imASAP .path1:before {
|
|
902
|
+
content: "\c50c0";
|
|
903
|
+
color: rgb(153, 153, 153);
|
|
904
|
+
}
|
|
905
|
+
.icon-imASAP .path2:before {
|
|
906
|
+
content: "\c50c1";
|
|
907
|
+
margin-left: -1.0380859375em;
|
|
908
|
+
color: rgb(1, 1, 1);
|
|
909
|
+
}
|
|
910
|
+
.icon-pdf .path1:before {
|
|
911
|
+
content: "\c50c2";
|
|
912
|
+
color: rgb(153, 153, 153);
|
|
913
|
+
}
|
|
914
|
+
.icon-pdf .path2:before {
|
|
915
|
+
content: "\c50c3";
|
|
916
|
+
margin-left: -1.009765625em;
|
|
917
|
+
color: rgb(0, 0, 0);
|
|
918
|
+
}
|
|
919
|
+
.icon-mp4 .path1:before {
|
|
920
|
+
content: "\c50c4";
|
|
921
|
+
color: rgb(153, 153, 153);
|
|
922
|
+
}
|
|
923
|
+
.icon-mp4 .path2:before {
|
|
924
|
+
content: "\c50c5";
|
|
925
|
+
margin-left: -0.97265625em;
|
|
926
|
+
color: rgb(0, 0, 0);
|
|
927
|
+
}
|
|
928
|
+
.icon-code .path1:before {
|
|
929
|
+
content: "\c50c6";
|
|
930
|
+
color: rgb(153, 153, 153);
|
|
931
|
+
}
|
|
932
|
+
.icon-code .path2:before {
|
|
933
|
+
content: "\c50c7";
|
|
934
|
+
margin-left: -0.984375em;
|
|
935
|
+
color: rgb(0, 0, 0);
|
|
936
|
+
}
|
|
937
|
+
.icon-unknown .path1:before {
|
|
938
|
+
content: "\c50c8";
|
|
939
|
+
color: rgb(153, 153, 153);
|
|
940
|
+
}
|
|
941
|
+
.icon-unknown .path2:before {
|
|
942
|
+
content: "\c50c9";
|
|
943
|
+
margin-left: -1.021484375em;
|
|
944
|
+
color: rgb(1, 1, 1);
|
|
945
|
+
}
|
|
946
|
+
.icon-txt .path1:before {
|
|
947
|
+
content: "\c50ca";
|
|
948
|
+
color: rgb(153, 153, 153);
|
|
949
|
+
}
|
|
950
|
+
.icon-txt .path2:before {
|
|
951
|
+
content: "\c50cb";
|
|
952
|
+
margin-left: -0.978515625em;
|
|
953
|
+
color: rgb(0, 0, 0);
|
|
954
|
+
}
|
|
955
|
+
.icon-zip .path1:before {
|
|
956
|
+
content: "\c50cc";
|
|
957
|
+
color: rgb(153, 153, 153);
|
|
958
|
+
}
|
|
959
|
+
.icon-zip .path2:before {
|
|
960
|
+
content: "\c50cd";
|
|
961
|
+
margin-left: -0.978515625em;
|
|
962
|
+
color: rgb(0, 0, 0);
|
|
963
|
+
}
|
|
964
|
+
.icon-image .path1:before {
|
|
965
|
+
content: "\c50ce";
|
|
966
|
+
color: rgb(153, 153, 153);
|
|
967
|
+
}
|
|
968
|
+
.icon-image .path2:before {
|
|
969
|
+
content: "\c50cf";
|
|
970
|
+
margin-left: -1em;
|
|
971
|
+
color: rgb(0, 0, 0);
|
|
972
|
+
}
|
|
973
|
+
.icon-mp3 .path1:before {
|
|
974
|
+
content: "\c50d0";
|
|
975
|
+
color: rgb(153, 153, 153);
|
|
976
|
+
}
|
|
977
|
+
.icon-mp3 .path2:before {
|
|
978
|
+
content: "\c50d1";
|
|
979
|
+
margin-left: -0.984375em;
|
|
980
|
+
color: rgb(0, 0, 0);
|
|
981
|
+
}
|
|
982
|
+
.icon-ttLocation .path1:before {
|
|
983
|
+
content: "\c50d2";
|
|
984
|
+
color: rgb(153, 153, 153);
|
|
985
|
+
}
|
|
986
|
+
.icon-ttLocation .path2:before {
|
|
987
|
+
content: "\c50d3";
|
|
988
|
+
margin-left: -0.837890625em;
|
|
989
|
+
color: rgb(1, 1, 1);
|
|
990
|
+
}
|
|
991
|
+
.icon-ttAttach .path1:before {
|
|
992
|
+
content: "\c50d4";
|
|
993
|
+
color: rgb(153, 153, 153);
|
|
994
|
+
}
|
|
995
|
+
.icon-ttAttach .path2:before {
|
|
996
|
+
content: "\c50d5";
|
|
997
|
+
margin-left: -1.091796875em;
|
|
998
|
+
color: rgb(1, 1, 1);
|
|
999
|
+
}
|
|
1000
|
+
.icon-ttHash .path1:before {
|
|
1001
|
+
content: "\c50d6";
|
|
1002
|
+
color: rgb(153, 153, 153);
|
|
1003
|
+
}
|
|
1004
|
+
.icon-ttHash .path2:before {
|
|
1005
|
+
content: "\c50d7";
|
|
1006
|
+
margin-left: -0.9541015625em;
|
|
1007
|
+
color: rgb(1, 1, 1);
|
|
1008
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-react-
|
|
3
|
+
font-family:"zdf-react-customize_2";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-customize.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-ai,.icon-callDir,.icon-callStatus,.icon-clear,.icon-css,.icon-Currency,.icon-Datepicker,.icon-DateTime,.icon-Decimal,.icon-doc,.icon-dwg,.icon-exe2,.icon-help-centre,.icon-html,.icon-ics,.icon-Idea-new,.icon-imageicn,.icon-inappweb-main,.icon-integer,.icon-look-up,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Multiselectpicklist,.icon-pdf,.icon-percentage,.icon-phone-type,.icon-picklist,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-remove-field,.icon-remove,.icon-replace_value,.icon-settings2,.icon-sh2,.icon-sort1-a-z,.icon-sugsol,.icon-Textarea,.icon-texticn,.icon-TextType,.icon-ticket,.icon-twitter4,.icon-txt,.icon-video,.icon-xls,.icon-xml2,.icon-ZD-accounts,.icon-ZD-contracts,.icon-ZD-dashboards,.icon-ZD-products,.icon-ZD-timeentry,.icon-zip3,.icon-skills,.icon-customAction{
|
|
15
|
-
font-family:"zdf-react-
|
|
14
|
+
.icon-ai,.icon-callDir,.icon-callStatus,.icon-clear,.icon-css,.icon-Currency,.icon-Datepicker,.icon-DateTime,.icon-Decimal,.icon-doc,.icon-dwg,.icon-exe2,.icon-help-centre,.icon-html,.icon-ics,.icon-Idea-new,.icon-imageicn,.icon-inappweb-main,.icon-integer,.icon-look-up,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Multiselectpicklist,.icon-pdf,.icon-percentage,.icon-phone-type,.icon-picklist,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-remove-field,.icon-remove,.icon-replace_value,.icon-settings2,.icon-sh2,.icon-sort1-a-z,.icon-sugsol,.icon-Textarea,.icon-texticn,.icon-TextType,.icon-ticket,.icon-twitter4,.icon-txt,.icon-video,.icon-xls,.icon-xml2,.icon-ZD-accounts,.icon-ZD-contracts,.icon-ZD-dashboards,.icon-ZD-products,.icon-ZD-timeentry,.icon-zip3,.icon-skills,.icon-customAction,.icon-ZD-IM{
|
|
15
|
+
font-family:"zdf-react-customize_2" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-ai .path1:before {
|
|
@@ -604,3 +604,12 @@
|
|
|
604
604
|
.icon-customAction:before {
|
|
605
605
|
content: "\e686";
|
|
606
606
|
}
|
|
607
|
+
.icon-ZD-IM .path1:before {
|
|
608
|
+
content: "\e687";
|
|
609
|
+
color: rgb(153, 153, 153);
|
|
610
|
+
}
|
|
611
|
+
.icon-ZD-IM .path2:before {
|
|
612
|
+
content: "\e688";
|
|
613
|
+
margin-left: -1.06640625em;
|
|
614
|
+
color: rgb(1, 1, 1);
|
|
615
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-react-
|
|
3
|
+
font-family:"zdf-react-gcFonts_5";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-gcFonts.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-audio,.icon-download,.icon-faq,.icon-file,.icon-image,.icon-location,.icon-message,.icon-note,.icon-rightarrow,.icon-text,.icon-arthmetic,.icon-asap09,.icon-audiobutton,.icon-emojibutton,.icon-imagebutton,.icon-inputaudio,.icon-inputcurrency,.icon-inputimage,.icon-inputmail,.icon-inputnumber,.icon-inputslider,.icon-inputtext,.icon-inputurl,.icon-inputvideo,.icon-jump,.icon-pathdivider,.icon-starbutton,.icon-textbutton,.icon-thumbbutton,.icon-videobutton,.icon-webhook,.icon-Alert,.icon-Alert2,.icon-ArrowLeft,.icon-Atsign,.icon-Bold,.icon-Calendar,.icon-ChevronDown,.icon-ChevronLeft,.icon-ChevronRight,.icon-CircleCross,.icon-Clear,.icon-ClipBoard,.icon-Clock,.icon-Cross,.icon-Desktop,.icon-Duplicate,.icon-EmojiSmile,.icon-Flag,.icon-FullScreen,.icon-Grid,.icon-Home,.icon-Image,.icon-Info,.icon-Italic,.icon-Layer,.icon-Link,.icon-List,.icon-Maximize,.icon-Minimize,.icon-Mobile,.icon-Navigation,.icon-Pen,.icon-Plus,.icon-QuestionCircle,.icon-Refresh,.icon-Search,.icon-Tick,.icon-Trash,.icon-Trash2,.icon-UnderLine,.icon-Video,.icon-Video2,.icon-Zap,.icon-Zoomin,.icon-Zoomout,.icon-hearteyes,.icon-neutralface,.icon-slightfrowning,.icon-slightsmile,.icon-starfrowing,.icon-starheart,.icon-starneutral,.icon-starsmile,.icon-starunamused,.icon-thumbsdown,.icon-thumbsup,.icon-unamused,.icon-gcLogo,.icon-button,.icon-cloud,.icon-dynamicCard,.icon-staticCard,.icon-dynamicInfo,.icon-staticInfo,.icon-object,.icon-number,.icon-arrayOfString,.icon-arrayOfObject,.icon-inputFile{
|
|
15
|
-
font-family:"zdf-react-
|
|
14
|
+
.icon-audio,.icon-download,.icon-faq,.icon-file,.icon-image,.icon-location,.icon-message,.icon-note,.icon-rightarrow,.icon-text,.icon-arthmetic,.icon-asap09,.icon-audiobutton,.icon-emojibutton,.icon-imagebutton,.icon-inputaudio,.icon-inputcurrency,.icon-inputimage,.icon-inputmail,.icon-inputnumber,.icon-inputslider,.icon-inputtext,.icon-inputurl,.icon-inputvideo,.icon-jump,.icon-pathdivider,.icon-starbutton,.icon-textbutton,.icon-thumbbutton,.icon-videobutton,.icon-webhook,.icon-Alert,.icon-Alert2,.icon-ArrowLeft,.icon-Atsign,.icon-Bold,.icon-Calendar,.icon-ChevronDown,.icon-ChevronLeft,.icon-ChevronRight,.icon-CircleCross,.icon-Clear,.icon-ClipBoard,.icon-Clock,.icon-Cross,.icon-Desktop,.icon-Duplicate,.icon-EmojiSmile,.icon-Flag,.icon-FullScreen,.icon-Grid,.icon-Home,.icon-Image,.icon-Info,.icon-Italic,.icon-Layer,.icon-Link,.icon-List,.icon-Maximize,.icon-Minimize,.icon-Mobile,.icon-Navigation,.icon-Pen,.icon-Plus,.icon-QuestionCircle,.icon-Refresh,.icon-Search,.icon-Tick,.icon-Trash,.icon-Trash2,.icon-UnderLine,.icon-Video,.icon-Video2,.icon-Zap,.icon-Zoomin,.icon-Zoomout,.icon-hearteyes,.icon-neutralface,.icon-slightfrowning,.icon-slightsmile,.icon-starfrowing,.icon-starheart,.icon-starneutral,.icon-starsmile,.icon-starunamused,.icon-thumbsdown,.icon-thumbsup,.icon-unamused,.icon-gcLogo,.icon-button,.icon-cloud,.icon-dynamicCard,.icon-staticCard,.icon-dynamicInfo,.icon-staticInfo,.icon-object,.icon-number,.icon-arrayOfString,.icon-arrayOfObject,.icon-inputFile,.icon-deskLogo,.icon-dynamicButton,.icon-blocks,.icon-connection,.icon-request,.icon-response,.icon-agent{
|
|
15
|
+
font-family:"zdf-react-gcFonts_5" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-audio:before {
|
|
@@ -1020,3 +1020,36 @@
|
|
|
1020
1020
|
margin-left: -1.1767578125em;
|
|
1021
1021
|
color: rgb(255, 255, 255);
|
|
1022
1022
|
}
|
|
1023
|
+
.icon-deskLogo:before {
|
|
1024
|
+
content: "\c40e7";
|
|
1025
|
+
color: #089949;
|
|
1026
|
+
}
|
|
1027
|
+
.icon-dynamicButton .path1:before {
|
|
1028
|
+
content: "\c40e8";
|
|
1029
|
+
color: rgb(55, 179, 124);
|
|
1030
|
+
}
|
|
1031
|
+
.icon-dynamicButton .path2:before {
|
|
1032
|
+
content: "\c40e9";
|
|
1033
|
+
margin-left: -0.9755859375em;
|
|
1034
|
+
color: rgb(255, 255, 255);
|
|
1035
|
+
}
|
|
1036
|
+
.icon-dynamicButton .path3:before {
|
|
1037
|
+
content: "\c40ea";
|
|
1038
|
+
margin-left: -0.9755859375em;
|
|
1039
|
+
color: rgb(255, 255, 255);
|
|
1040
|
+
}
|
|
1041
|
+
.icon-blocks:before {
|
|
1042
|
+
content: "\c40eb";
|
|
1043
|
+
}
|
|
1044
|
+
.icon-connection:before {
|
|
1045
|
+
content: "\c40ec";
|
|
1046
|
+
}
|
|
1047
|
+
.icon-request:before {
|
|
1048
|
+
content: "\c40ed";
|
|
1049
|
+
}
|
|
1050
|
+
.icon-response:before {
|
|
1051
|
+
content: "\c40ee";
|
|
1052
|
+
}
|
|
1053
|
+
.icon-agent:before {
|
|
1054
|
+
content: "\c40ef";
|
|
1055
|
+
}
|
package/es/Icon/FontFactory.js
CHANGED
|
@@ -274,7 +274,8 @@ export const FontFactory = {
|
|
|
274
274
|
'ZD-settings2': 'icon-settings2',
|
|
275
275
|
'ZD-sort1az': 'icon-sort1-a-z',
|
|
276
276
|
'ZD-callStatus': 'icon-callStatus',
|
|
277
|
-
'ZD-callDir': 'icon-callDir'
|
|
277
|
+
'ZD-callDir': 'icon-callDir',
|
|
278
|
+
'ZD-zdIm': ['icon-ZD-IM', 2]
|
|
278
279
|
},
|
|
279
280
|
GamescopeFontIcon: {
|
|
280
281
|
'ZD-game01': ['icon-game01', 2],
|
|
@@ -1328,7 +1329,7 @@ export const FontFactory = {
|
|
|
1328
1329
|
'ZD-CH-happinessOut': ['icon-chHappinessIn', 2],
|
|
1329
1330
|
'ZD-CH-happinessMissed': ['icon-chHappinessIn', 2]
|
|
1330
1331
|
},
|
|
1331
|
-
|
|
1332
|
+
ReactCustomizeFontIcon: {
|
|
1332
1333
|
'ZD-CM-callStatus': 'icon-callStatus',
|
|
1333
1334
|
'ZD-CM-callTransfer': 'icon-callTransfer',
|
|
1334
1335
|
'ZD-CM-currency': 'icon-currency',
|
|
@@ -1348,7 +1349,17 @@ export const FontFactory = {
|
|
|
1348
1349
|
'ZD-CM-textType': 'icon-textType',
|
|
1349
1350
|
'ZD-CM-customAction': 'icon-customAction',
|
|
1350
1351
|
'ZD-CM-formula': 'icon-formula',
|
|
1351
|
-
'ZD-CM-ticketID': 'icon-ticketID'
|
|
1352
|
+
'ZD-CM-ticketID': 'icon-ticketID',
|
|
1353
|
+
'ZD-CM-happinessLevel1': 'icon-happinessLevel1',
|
|
1354
|
+
'ZD-CM-happinessLevel2': 'icon-happinessLevel2',
|
|
1355
|
+
'ZD-CM-happinessLevel3': 'icon-happinessLevel3',
|
|
1356
|
+
'ZD-CM-happinessLevel4': 'icon-happinessLevel4',
|
|
1357
|
+
'ZD-CM-happinessLevel5': 'icon-happinessLevel5',
|
|
1358
|
+
'ZD-CM-happinessLevel6': 'icon-happinessLevel6',
|
|
1359
|
+
'ZD-CM-happinessLevel7': 'icon-happinessLevel7',
|
|
1360
|
+
'ZD-CM-happinessLevel8': 'icon-happinessLevel8',
|
|
1361
|
+
'ZD-CM-happinessLevel9': 'icon-happinessLevel9',
|
|
1362
|
+
'ZD-CM-happinessLevel10': 'icon-happinessLevel10'
|
|
1352
1363
|
},
|
|
1353
1364
|
ReactExportFilesFontIcon: {
|
|
1354
1365
|
'ZD-EF-android': 'icon-android',
|
|
@@ -1523,7 +1534,10 @@ export const FontFactory = {
|
|
|
1523
1534
|
'ZD-GN-read': ['icon-read', 2],
|
|
1524
1535
|
'ZD-GN-unread': ['icon-unread', 2],
|
|
1525
1536
|
'ZD-GN-wmsSun': 'icon-wmsSun',
|
|
1526
|
-
'ZD-GN-wmsMoon': 'icon-wmsMoon'
|
|
1537
|
+
'ZD-GN-wmsMoon': 'icon-wmsMoon',
|
|
1538
|
+
'ZD-GN-configuaration': 'icon-configuaration',
|
|
1539
|
+
'ZD-GN-premium': 'icon-premium',
|
|
1540
|
+
'ZD-GN-money': 'icon-money'
|
|
1527
1541
|
},
|
|
1528
1542
|
ReactIntegrationsFontIcon: {
|
|
1529
1543
|
'ZD-IG-intAnalytics': 'icon-intAnalytics',
|
|
@@ -1543,7 +1557,9 @@ export const FontFactory = {
|
|
|
1543
1557
|
'ZD-IG-intTwilio': 'icon-intTwilio',
|
|
1544
1558
|
'ZD-IG-zia': 'icon-zia',
|
|
1545
1559
|
'ZD-IG-intInvoice': 'icon-intInvoice',
|
|
1546
|
-
'ZD-IG-intSubscription': 'icon-intSubscription'
|
|
1560
|
+
'ZD-IG-intSubscription': 'icon-intSubscription',
|
|
1561
|
+
'ZD-IG-searchZoho': 'icon-searchZoho',
|
|
1562
|
+
'ZD-IG-inSalesIQ': 'icon-inSalesIQ'
|
|
1547
1563
|
},
|
|
1548
1564
|
ReactMarketplaceFontIcon: {
|
|
1549
1565
|
'ZD-MP-placeholder1': ['icon-placeholder1', 2],
|
|
@@ -1557,7 +1573,8 @@ export const FontFactory = {
|
|
|
1557
1573
|
'ZD-MP-placeholder9': ['icon-placeholder9', 2],
|
|
1558
1574
|
'ZD-MP-placeholder10': ['icon-placeholder10', 2],
|
|
1559
1575
|
'ZD-MP-placeholder11': ['icon-placeholder11', 2],
|
|
1560
|
-
'ZD-MP-placeholder12': ['icon-placeholder12', 2]
|
|
1576
|
+
'ZD-MP-placeholder12': ['icon-placeholder12', 2],
|
|
1577
|
+
'ZD-MP-placeholder13': ['icon-placeholder13', 2]
|
|
1561
1578
|
},
|
|
1562
1579
|
ReactReportsFontIcon: {
|
|
1563
1580
|
'ZD-RP-addDashboard': 'icon-addDashboard',
|
|
@@ -1852,7 +1869,14 @@ export const FontFactory = {
|
|
|
1852
1869
|
'GC-number': 'icon-number',
|
|
1853
1870
|
'GC-arrayOfString': 'icon-arrayOfString',
|
|
1854
1871
|
'GC-arrayOfObject': 'icon-arrayOfObject',
|
|
1855
|
-
'GC-inputFile': ['icon-inputFile', 2]
|
|
1872
|
+
'GC-inputFile': ['icon-inputFile', 2],
|
|
1873
|
+
'GC-deskLogo': 'icon-deskLogo',
|
|
1874
|
+
'GC-dynamicButton': ['icon-dynamicButton', 3],
|
|
1875
|
+
'GC-blocks': 'icon-blocks',
|
|
1876
|
+
'GC-connection': 'icon-connection',
|
|
1877
|
+
'GC-request': 'icon-request',
|
|
1878
|
+
'GC-response': 'icon-response',
|
|
1879
|
+
'GC-agent': 'icon-agent'
|
|
1856
1880
|
},
|
|
1857
1881
|
ReactTwotoneIcon: {
|
|
1858
1882
|
'ZD-TT-call': ['icon-chCall', 2],
|
|
@@ -1952,6 +1976,22 @@ export const FontFactory = {
|
|
|
1952
1976
|
'ZD-TT-instaIM': ['icon-instaIM', 3],
|
|
1953
1977
|
'ZD-TT-instaIMIn': ['icon-instaIM', 3],
|
|
1954
1978
|
'ZD-TT-instaIMOut': ['icon-instaIM', 3],
|
|
1955
|
-
'ZD-TT-instaIMMissed': ['icon-instaIM', 3]
|
|
1979
|
+
'ZD-TT-instaIMMissed': ['icon-instaIM', 3],
|
|
1980
|
+
'ZD-TT-imWeChat': ['icon-imWeChat', 2],
|
|
1981
|
+
'ZD-TT-imtwillio': ['icon-imtwillio', 2],
|
|
1982
|
+
'ZD-TT-imTelegram': ['icon-imTelegram', 2],
|
|
1983
|
+
'ZD-TT-imLine': ['icon-imLine', 2],
|
|
1984
|
+
'ZD-TT-imASAP': ['icon-imASAP', 2],
|
|
1985
|
+
'ZD-TT-mp3': ['icon-mp3', 2],
|
|
1986
|
+
'ZD-TT-pdf': ['icon-pdf', 2],
|
|
1987
|
+
'ZD-TT-mp4': ['icon-mp4', 2],
|
|
1988
|
+
'ZD-TT-image': ['icon-image', 2],
|
|
1989
|
+
'ZD-TT-zip': ['icon-zip', 2],
|
|
1990
|
+
'ZD-TT-unknown': ['icon-unknown', 2],
|
|
1991
|
+
'ZD-TT-txt': ['icon-txt', 2],
|
|
1992
|
+
'ZD-TT-code': ['icon-code', 2],
|
|
1993
|
+
'ZD-TT-ttLocation': ['icon-ttLocation', 2],
|
|
1994
|
+
'ZD-TT-ttAttach': ['icon-ttAttach', 2],
|
|
1995
|
+
'ZD-TT-ttHash': ['icon-ttHash', 2]
|
|
1956
1996
|
}
|
|
1957
1997
|
};
|
package/es/Icon/FontIcon.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { IconDefaultProps } from './props/defaultProps';
|
|
3
|
+
import { IconProps } from './props/propTypes';
|
|
3
4
|
import { CustomIcons, TwoToneIcons } from './CustomIcons';
|
|
4
5
|
import style from './Icon.module.css';
|
|
5
6
|
export default class FontIcon extends React.Component {
|
|
@@ -30,12 +31,10 @@ export default class FontIcon extends React.Component {
|
|
|
30
31
|
let isTwoTone = TwoToneIcons[iconName] || null;
|
|
31
32
|
isTwoTone = isTwoTone ? style[isTwoTone] : '';
|
|
32
33
|
let fontClass = `${style.basic} ${pathName} ${isBold ? style.fbold : ''} ${iconClass ? iconClass : ''} ${onClick ? style.cursor : ''}`;
|
|
33
|
-
|
|
34
34
|
if (typeof name === 'object') {
|
|
35
35
|
isRtl = name[2] ? name[2] : false;
|
|
36
36
|
fontClass = isRtl ? `${fontClass} ${style.rtl}` : fontClass;
|
|
37
37
|
let childArray = [];
|
|
38
|
-
|
|
39
38
|
for (let i = 1; i < name[1] + 1; i++) {
|
|
40
39
|
let pathClass = `${iconContent[`path${i}`]} ${iconClass || isCustom || isTwoTone ? `path${i}` : ''}`;
|
|
41
40
|
childArray.push( /*#__PURE__*/React.createElement("span", {
|
|
@@ -43,7 +42,6 @@ export default class FontIcon extends React.Component {
|
|
|
43
42
|
key: i
|
|
44
43
|
}));
|
|
45
44
|
}
|
|
46
|
-
|
|
47
45
|
return /*#__PURE__*/React.createElement("i", {
|
|
48
46
|
className: `${'zd_font_icons'} ${fontClass} ${isCustom} ${isTwoTone}`.trim(),
|
|
49
47
|
"data-title": title,
|
|
@@ -54,7 +52,6 @@ export default class FontIcon extends React.Component {
|
|
|
54
52
|
"aria-hidden": ariaHidden
|
|
55
53
|
}, childArray);
|
|
56
54
|
}
|
|
57
|
-
|
|
58
55
|
return /*#__PURE__*/React.createElement("i", {
|
|
59
56
|
className: `${'zd_font_icons'} ${fontClass}`.trim(),
|
|
60
57
|
"data-title": title,
|
|
@@ -65,28 +62,9 @@ export default class FontIcon extends React.Component {
|
|
|
65
62
|
"aria-hidden": ariaHidden
|
|
66
63
|
});
|
|
67
64
|
}
|
|
68
|
-
|
|
69
65
|
}
|
|
70
|
-
FontIcon.propTypes =
|
|
71
|
-
|
|
72
|
-
iconClass: PropTypes.string,
|
|
73
|
-
iconContent: PropTypes.object,
|
|
74
|
-
isBold: PropTypes.bool,
|
|
75
|
-
name: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
|
|
76
|
-
onClick: PropTypes.func,
|
|
77
|
-
pathName: PropTypes.string,
|
|
78
|
-
size: PropTypes.string,
|
|
79
|
-
title: PropTypes.string,
|
|
80
|
-
iconName: PropTypes.string,
|
|
81
|
-
titlePosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
|
|
82
|
-
a11y: PropTypes.shape({
|
|
83
|
-
ariaHidden: PropTypes.bool
|
|
84
|
-
})
|
|
85
|
-
};
|
|
86
|
-
FontIcon.defaultProps = {
|
|
87
|
-
a11y: {}
|
|
88
|
-
};
|
|
89
|
-
|
|
66
|
+
FontIcon.propTypes = IconProps;
|
|
67
|
+
FontIcon.defaultProps = IconDefaultProps;
|
|
90
68
|
if (false) {
|
|
91
69
|
FontIcon.docs = {
|
|
92
70
|
componentGroup: 'Icon',
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
2
|
-
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
2
|
import React from 'react';
|
|
4
3
|
export default function asyncComponent(getComponent) {
|
|
5
4
|
return class AsyncComponent extends React.Component {
|
|
@@ -12,7 +11,6 @@ export default function asyncComponent(getComponent) {
|
|
|
12
11
|
this.getRef = this.getRef.bind(this);
|
|
13
12
|
this.loadComponent = this.loadComponent.bind(this);
|
|
14
13
|
}
|
|
15
|
-
|
|
16
14
|
loadComponent() {
|
|
17
15
|
let component = getComponent(this.props);
|
|
18
16
|
component.then(Component => {
|
|
@@ -21,46 +19,38 @@ export default function asyncComponent(getComponent) {
|
|
|
21
19
|
Component
|
|
22
20
|
});
|
|
23
21
|
}
|
|
24
|
-
}).catch(e => {
|
|
22
|
+
}).catch(e => {
|
|
23
|
+
//console.log(e);
|
|
25
24
|
});
|
|
26
25
|
}
|
|
27
|
-
|
|
28
26
|
componentDidUpdate(prevProps) {
|
|
29
27
|
if (prevProps.name != this.props.name) {
|
|
30
28
|
this.loadComponent();
|
|
31
29
|
}
|
|
32
30
|
}
|
|
33
|
-
|
|
34
31
|
getRef(ele) {
|
|
35
32
|
this.ele = ele;
|
|
36
33
|
}
|
|
37
|
-
|
|
38
34
|
getInstance() {
|
|
39
35
|
return this.ele;
|
|
40
36
|
}
|
|
41
|
-
|
|
42
37
|
componentDidMount() {
|
|
43
38
|
this.mount = true;
|
|
44
39
|
this.loadComponent();
|
|
45
40
|
}
|
|
46
|
-
|
|
47
41
|
render() {
|
|
48
42
|
const {
|
|
49
43
|
Component
|
|
50
44
|
} = this.state;
|
|
51
|
-
|
|
52
45
|
if (Component) {
|
|
53
46
|
return /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
|
|
54
47
|
ref: this.getRef
|
|
55
48
|
}));
|
|
56
49
|
}
|
|
57
|
-
|
|
58
50
|
return null;
|
|
59
51
|
}
|
|
60
|
-
|
|
61
52
|
componentWillUnmount() {
|
|
62
53
|
this.mount = null;
|
|
63
54
|
}
|
|
64
|
-
|
|
65
55
|
};
|
|
66
56
|
}
|