@zohodesk/icons 1.3.10 → 1.3.11
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 +4 -0
- package/assets/fonts/zd-rGeneral.svg +1 -0
- package/assets/fonts/zd-rGeneral.woff +0 -0
- package/assets/fonts/zd-rGeneral.woff2 +0 -0
- package/assets/react/zd-font-rGeneral.module.css +6 -3
- package/cbt.config.js +1 -1
- package/es/Context/__tests__/__snapshots__/IconContext.spec.js.snap +11 -11
- package/es/Icon/FontFactory.js +2 -1
- package/es/Icon/__tests__/Icon.spec.js +15 -0
- package/es/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +21 -21
- package/es/Icon/__tests__/__snapshots__/Icon.spec.js.snap +37876 -0
- package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +12 -12
- package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap +11 -11
- package/lib/Icon/FontFactory.js +1 -1
- package/lib/Icon/__tests__/Icon.spec.js +38 -0
- package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +21 -21
- package/lib/Icon/__tests__/__snapshots__/Icon.spec.js.snap +37876 -0
- package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +12 -12
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -236,4 +236,5 @@
|
|
|
236
236
|
<glyph unicode="򲃢" d="M396.032 414.464h125.184c14.080 0 25.6-11.52 25.6-25.6s-11.52-25.6-25.6-25.6h-125.184c-14.080 0-25.6 11.52-25.6 25.6s11.52 25.6 25.6 25.6zM482.816 751.104l75.008-54.528c21.76 7.168 37.376 15.616 49.152 27.392l-94.208 68.608c-26.624 19.456-63.232 20.224-90.624 1.792l-291.072-194.048c-11.776-7.936-14.848-23.808-7.168-35.584 4.864-7.424 13.056-11.52 21.248-11.52 4.864 0 9.728 1.28 14.080 4.352l291.072 194.048c9.728 6.656 22.528 6.144 32-0.768zM708.864 375.552c-8.96 0-17.408 2.048-25.344 5.632v-86.528c0-9.984-3.84-19.2-10.752-26.112s-16.384-10.752-26.112-10.752h-376.064c-9.984 0-19.2 3.84-26.112 10.752s-10.752 16.384-10.752 26.112v196.864c0 14.080-11.52 25.6-25.6 25.6s-25.6-11.52-25.6-25.6v-196.864c0-23.552 9.216-45.824 25.856-62.464s38.912-25.856 62.464-25.856h376.064c23.552 0 45.824 9.216 62.464 25.856s25.856 38.912 25.856 62.464v86.528c-7.936-3.584-16.64-5.632-25.856-5.632z" />
|
|
237
237
|
<glyph unicode="򲃣" d="M523.776 634.624c113.664 25.088 147.712 59.136 172.8 172.8 1.28 5.888 6.4 9.984 12.544 9.984s11.264-4.096 12.544-9.984c25.088-113.664 59.136-147.712 172.8-172.8 5.888-1.28 9.984-6.4 9.984-12.544s-4.096-11.264-9.984-12.544c-113.664-25.088-147.712-59.136-172.8-172.8-1.28-5.888-6.4-9.984-12.544-9.984s-11.264 4.096-12.544 9.984c-25.088 113.664-59.136 147.712-172.8 172.8-5.888 1.28-9.984 6.4-9.984 12.544s4.096 11.264 9.984 12.544z" />
|
|
238
238
|
<glyph unicode="򲃤" glyph-name="manualTranslation" d="M813.824 246.528l-111.616 312.064c-3.584 9.984-13.056 16.896-23.552 16.896h-0.512c-10.496 0-19.968-6.4-23.808-16.128l-89.856-227.584s0 0 0 0l-33.28-84.224c-5.12-13.056 1.28-27.904 14.336-33.28 13.056-5.12 27.904 1.28 33.28 14.336l26.624 67.584h136.448l23.808-66.816c3.84-10.496 13.568-16.896 24.064-16.896 2.816 0 5.888 0.512 8.704 1.536 13.312 4.864 20.224 19.456 15.36 32.768zM625.408 347.392l51.456 130.048 46.592-130.048h-97.792zM524.8 461.824c-4.096 0-7.936 1.024-11.776 2.816-44.8 23.296-81.664 49.92-112.384 77.056-51.968-29.952-97.792-44.544-101.632-45.824-2.56-0.768-5.12-1.024-7.68-1.024-11.008 0-20.992 6.912-24.32 17.92-4.096 13.568 3.328 27.904 16.896 32 0.768 0 36.352 11.776 79.104 34.56-65.792 72.704-91.904 145.664-101.12 180.992h-27.392c-14.080 0-25.6 11.52-25.6 25.6s11.52 25.6 25.6 25.6h360.448c14.080 0 25.6-11.52 25.6-25.6s-11.52-25.6-25.6-25.6h-279.808c10.752-34.56 36.096-94.208 92.416-153.856 39.424 27.136 77.056 63.488 93.44 109.056 4.608 13.312 19.2 20.224 32.768 15.616 13.312-4.864 20.224-19.456 15.616-32.768-19.2-54.016-60.16-96-103.424-127.744 25.6-21.504 55.552-41.984 91.136-60.672 12.544-6.4 17.408-22.016 10.752-34.56-4.608-8.704-13.568-13.824-22.784-13.824z" />
|
|
239
|
+
<glyph unicode="򲃥" glyph-name="tour" d="M914.176 914.176c-9.984 9.984-26.112 9.984-36.096 0l-28.672-28.672c-13.568 7.424-28.672 12.032-45.056 12.032h-177.92c-34.048 0-66.048-13.312-90.112-37.376l-128.768-128.768-126.72 22.016c-1.536 0-3.84 0-4.352 0.256-24.832 0-48.128-9.728-65.792-27.392l-100.352-100.352c-9.984-9.984-9.984-26.112 0-36.096 5.12-5.12 11.52-7.424 18.176-7.424s13.056 2.56 18.176 7.424l100.352 100.352c7.424 7.424 17.408 11.776 27.904 12.288l88.576-15.36-61.184-61.184c-24.064-24.064-37.376-56.064-37.376-90.112s13.312-66.048 37.376-90.112l143.872-143.872c24.064-24.064 56.064-37.376 90.112-37.376s66.048 13.312 90.112 37.376l61.184 61.184 15.36-88.576c-0.512-10.496-4.864-20.48-12.288-27.904l-100.352-100.352c-9.984-9.984-9.984-26.112 0-36.096 5.12-5.12 11.52-7.424 18.176-7.424s13.056 2.56 18.176 7.424l100.352 100.352c17.664 17.664 27.392 40.96 27.392 65.792 0 1.536 0 3.072-0.256 4.352l-22.016 126.72 128.768 128.768c24.064 24.064 37.376 56.064 37.376 90.112v177.92c0 16.384-4.608 31.744-12.032 45.056l28.672 28.672c9.984 9.984 9.984 26.112 0 36.096zM846.336 626.176c0-20.224-7.936-39.424-22.272-54.016l-234.24-234.24c-28.672-28.928-79.104-28.672-107.776 0l-143.872 143.872c-14.336 14.336-22.272 33.536-22.272 54.016s7.936 39.424 22.272 54.016l234.24 234.24c14.336 14.336 33.536 22.272 54.016 22.272h177.92c23.296 0 42.24-18.944 42.24-42.24v-177.92zM566.016 698.112c-17.664-17.664-27.392-41.216-27.392-66.048s9.728-48.384 27.392-66.048c18.176-18.176 42.24-27.392 66.048-27.392s47.872 9.216 66.048 27.392c36.352 36.352 36.352 95.744 0 132.096s-95.744 36.352-132.096 0zM662.016 602.112c-16.384-16.384-43.264-16.384-59.904 0-7.936 7.936-12.288 18.688-12.288 29.952s4.352 22.016 12.288 29.952c8.192 8.192 19.2 12.288 29.952 12.288s21.76-4.096 29.952-12.288c16.384-16.384 16.384-43.264 0-59.904zM407.808 263.936c9.984-9.984 9.984-26.112 0-36.096-47.872-47.872-111.616-57.856-156.928-57.856-31.488 0-54.272 4.864-56.32 5.376-0.512 0-0.768 0.512-1.28 0.512-2.048 0.512-3.84 1.536-5.888 2.56-0.768 0.512-1.792 0.768-2.56 1.536-2.304 1.792-4.608 4.096-6.144 6.656 0 0 0 0.512-0.256 0.768-1.28 2.304-2.56 4.864-3.072 7.424 0 0 0 0.768 0 1.024 0 0 0 0 0 0-2.56 11.52-26.112 133.376 52.736 212.224 9.984 9.984 26.112 9.984 36.096 0s9.984-26.112 0-36.096c-46.080-46.080-44.8-116.992-41.216-148.992 32-3.584 102.912-4.864 148.992 41.216 9.984 9.984 26.112 9.984 36.096 0z" />
|
|
239
240
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@font-face{
|
|
2
|
-
font-family:"zdf-
|
|
2
|
+
font-family:"zdf-rGeneral_43";
|
|
3
3
|
src:url('../fonts/zd-rGeneral.woff2') format('woff2'), url('../fonts/zd-rGeneral.woff') format('woff'), url('../fonts/zd-rGeneral.svg#zdfonts') format('svg');
|
|
4
4
|
font-weight:normal;
|
|
5
5
|
font-style:normal;
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
/*$Id$*/
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
.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,.icon-Marketplace,.icon-ticketDetail,.icon-spaceBar,.icon-enter,.icon-comma,.icon-skipReplyall,.icon-roundRobinSequential,.icon-filterAdd,.icon-jsonWebToken,.icon-parentChild,.icon-saml,.icon-smsAuth,.icon-ticketOwner,.icon-mesengerFill,.icon-telegramFill,.icon-sortingArrow,.icon-androidFill,.icon-customDashboard,.icon-databaseEncryption,.icon-myPins,.icon-pinned,.icon-unDo,.icon-flagFill,.icon-instagram,.icon-line,.icon-answerBot,.icon-primaryContact,.icon-wallet,.icon-agentportal,.icon-fileMail,.icon-rename,.icon-fileDoc,.icon-fileSheet,.icon-filePpt,.icon-fileUnknown,.icon-imPause,.icon-imPlay,.icon-imRecord,.icon-radar,.icon-pricingTag,.icon-doubleArrow,.icon-followUpTicket,.icon-mailDefault,.icon-enterprisePlan,.icon-expressPlan,.icon-freePlan,.icon-OCR,.icon-professionalPlan,.icon-standerdPlan,.icon-ultimatePlan,.icon-process,.icon-featureHome,.icon-manualTranslation{
|
|
14
|
-
font-family:"zdf-
|
|
13
|
+
.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,.icon-Marketplace,.icon-ticketDetail,.icon-spaceBar,.icon-enter,.icon-comma,.icon-skipReplyall,.icon-roundRobinSequential,.icon-filterAdd,.icon-jsonWebToken,.icon-parentChild,.icon-saml,.icon-smsAuth,.icon-ticketOwner,.icon-mesengerFill,.icon-telegramFill,.icon-sortingArrow,.icon-androidFill,.icon-customDashboard,.icon-databaseEncryption,.icon-myPins,.icon-pinned,.icon-unDo,.icon-flagFill,.icon-instagram,.icon-line,.icon-answerBot,.icon-primaryContact,.icon-wallet,.icon-agentportal,.icon-fileMail,.icon-rename,.icon-fileDoc,.icon-fileSheet,.icon-filePpt,.icon-fileUnknown,.icon-imPause,.icon-imPlay,.icon-imRecord,.icon-radar,.icon-pricingTag,.icon-doubleArrow,.icon-followUpTicket,.icon-mailDefault,.icon-enterprisePlan,.icon-expressPlan,.icon-freePlan,.icon-OCR,.icon-professionalPlan,.icon-standerdPlan,.icon-ultimatePlan,.icon-process,.icon-featureHome,.icon-manualTranslation,.icon-tour{
|
|
14
|
+
font-family:"zdf-rGeneral_43" !important;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.icon-signOut:before{
|
|
@@ -818,4 +818,7 @@
|
|
|
818
818
|
.icon-manualTranslation:before{
|
|
819
819
|
content:"\b20e4";
|
|
820
820
|
}
|
|
821
|
+
.icon-tour:before{
|
|
822
|
+
content:"\b20e5";
|
|
823
|
+
}
|
|
821
824
|
}
|
package/cbt.config.js
CHANGED
|
@@ -65,7 +65,7 @@ exports.config = {
|
|
|
65
65
|
"zdfonts-react-tickets": "zdf-react-tickets_4",
|
|
66
66
|
"zdfonts-react-topband": "zdf-react-topband_2",
|
|
67
67
|
"zdfonts-rExportFiles": "zdf-rExportFiles_2",
|
|
68
|
-
"zdfonts-rGeneral": "zdf-
|
|
68
|
+
"zdfonts-rGeneral": "zdf-rGeneral_43",
|
|
69
69
|
"zdfonts-rIntegrations": "zdf-rIntegrations_5",
|
|
70
70
|
"zdfonts-rLhs": "zdf-rLhs_1",
|
|
71
71
|
"zdfonts-rMarketplace": "zdf-rMarketplace_5",
|
|
@@ -4,7 +4,7 @@ exports[`IconProvider / IconContext - default context - renders font icon (no p
|
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<i
|
|
6
6
|
aria-hidden="true"
|
|
7
|
-
class="zd_font_icons
|
|
7
|
+
class="zd_font_icons basic icon-close2"
|
|
8
8
|
data-id="fontIcon"
|
|
9
9
|
data-selector-id="fontIcon"
|
|
10
10
|
data-test-id="fontIcon"
|
|
@@ -16,7 +16,7 @@ exports[`IconProvider / IconContext - multiple icons share the same provider co
|
|
|
16
16
|
<DocumentFragment>
|
|
17
17
|
<svg
|
|
18
18
|
aria-hidden="true"
|
|
19
|
-
class="svgIcon
|
|
19
|
+
class="svgIcon"
|
|
20
20
|
data-id="fontIcon"
|
|
21
21
|
data-selector-id="fontIcon"
|
|
22
22
|
data-test-id="fontIcon"
|
|
@@ -27,7 +27,7 @@ exports[`IconProvider / IconContext - multiple icons share the same provider co
|
|
|
27
27
|
</svg>
|
|
28
28
|
<svg
|
|
29
29
|
aria-hidden="true"
|
|
30
|
-
class="svgIcon
|
|
30
|
+
class="svgIcon"
|
|
31
31
|
data-id="fontIcon"
|
|
32
32
|
data-selector-id="fontIcon"
|
|
33
33
|
data-test-id="fontIcon"
|
|
@@ -43,7 +43,7 @@ exports[`IconProvider / IconContext - type "fontIcon" - renders font icon 1`] =
|
|
|
43
43
|
<DocumentFragment>
|
|
44
44
|
<i
|
|
45
45
|
aria-hidden="true"
|
|
46
|
-
class="zd_font_icons
|
|
46
|
+
class="zd_font_icons basic icon-close2"
|
|
47
47
|
data-id="fontIcon"
|
|
48
48
|
data-selector-id="fontIcon"
|
|
49
49
|
data-test-id="fontIcon"
|
|
@@ -55,7 +55,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "a11y" ariaHidden
|
|
|
55
55
|
<DocumentFragment>
|
|
56
56
|
<svg
|
|
57
57
|
aria-hidden="false"
|
|
58
|
-
class="svgIcon
|
|
58
|
+
class="svgIcon"
|
|
59
59
|
data-id="fontIcon"
|
|
60
60
|
data-selector-id="fontIcon"
|
|
61
61
|
data-test-id="fontIcon"
|
|
@@ -71,7 +71,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "iconClass" prop
|
|
|
71
71
|
<DocumentFragment>
|
|
72
72
|
<svg
|
|
73
73
|
aria-hidden="true"
|
|
74
|
-
class="svgIcon
|
|
74
|
+
class="svgIcon custom-class"
|
|
75
75
|
data-id="fontIcon"
|
|
76
76
|
data-selector-id="fontIcon"
|
|
77
77
|
data-test-id="fontIcon"
|
|
@@ -87,7 +87,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "size" prop to sv
|
|
|
87
87
|
<DocumentFragment>
|
|
88
88
|
<svg
|
|
89
89
|
aria-hidden="true"
|
|
90
|
-
class="svgIcon
|
|
90
|
+
class="svgIcon"
|
|
91
91
|
data-id="fontIcon"
|
|
92
92
|
data-selector-id="fontIcon"
|
|
93
93
|
data-test-id="fontIcon"
|
|
@@ -104,7 +104,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "title" prop to s
|
|
|
104
104
|
<DocumentFragment>
|
|
105
105
|
<svg
|
|
106
106
|
aria-hidden="true"
|
|
107
|
-
class="svgIcon
|
|
107
|
+
class="svgIcon"
|
|
108
108
|
data-id="fontIcon"
|
|
109
109
|
data-selector-id="fontIcon"
|
|
110
110
|
data-test-id="fontIcon"
|
|
@@ -121,7 +121,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - renders svg symbol 1`] =
|
|
|
121
121
|
<DocumentFragment>
|
|
122
122
|
<svg
|
|
123
123
|
aria-hidden="true"
|
|
124
|
-
class="svgIcon
|
|
124
|
+
class="svgIcon"
|
|
125
125
|
data-id="fontIcon"
|
|
126
126
|
data-selector-id="fontIcon"
|
|
127
127
|
data-test-id="fontIcon"
|
|
@@ -137,7 +137,7 @@ exports[`IconProvider / IconContext - type "svgIcon" with "svgIconClass" 1`] =
|
|
|
137
137
|
<DocumentFragment>
|
|
138
138
|
<svg
|
|
139
139
|
aria-hidden="true"
|
|
140
|
-
class="svgIcon
|
|
140
|
+
class="svgIcon app-svg-icon"
|
|
141
141
|
data-id="fontIcon"
|
|
142
142
|
data-selector-id="fontIcon"
|
|
143
143
|
data-test-id="fontIcon"
|
|
@@ -153,7 +153,7 @@ exports[`IconProvider / IconContext - type "svgIcon" with custom "svgIconPrefix
|
|
|
153
153
|
<DocumentFragment>
|
|
154
154
|
<svg
|
|
155
155
|
aria-hidden="true"
|
|
156
|
-
class="svgIcon
|
|
156
|
+
class="svgIcon"
|
|
157
157
|
data-id="fontIcon"
|
|
158
158
|
data-selector-id="fontIcon"
|
|
159
159
|
data-test-id="fontIcon"
|
package/es/Icon/FontFactory.js
CHANGED
|
@@ -1612,7 +1612,8 @@ export const FontFactory = {
|
|
|
1612
1612
|
'ZD-GN-process': 'icon-process',
|
|
1613
1613
|
'ZD-GN-mailDefault': 'icon-mailDefault',
|
|
1614
1614
|
'ZD-GN-featureHome': ['icon-featureHome', 2],
|
|
1615
|
-
'ZD-GN-manualTranslation': 'icon-manualTranslation'
|
|
1615
|
+
'ZD-GN-manualTranslation': 'icon-manualTranslation',
|
|
1616
|
+
'ZD-GN-tour': 'icon-tour'
|
|
1616
1617
|
},
|
|
1617
1618
|
ReactIntegrationsFontIcon: {
|
|
1618
1619
|
'ZD-IG-intAnalytics': 'icon-intAnalytics',
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import Icon from "../index";
|
|
4
|
+
import { FontFactory } from "../FontFactory";
|
|
5
|
+
const iconNames = [...new Set(Object.values(FontFactory).flatMap(group => Object.keys(group)))].sort();
|
|
6
|
+
describe('Icon - FontFactory names', () => {
|
|
7
|
+
test.each(iconNames)('renders "%s"', name => {
|
|
8
|
+
const {
|
|
9
|
+
asFragment
|
|
10
|
+
} = render( /*#__PURE__*/React.createElement(Icon, {
|
|
11
|
+
name: name
|
|
12
|
+
}));
|
|
13
|
+
expect(asFragment()).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
});
|
|
@@ -4,7 +4,7 @@ exports[`FontIcon - checking "isBold" is false 1`] = `
|
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<i
|
|
6
6
|
aria-hidden="true"
|
|
7
|
-
class="zd_font_icons
|
|
7
|
+
class="zd_font_icons basic"
|
|
8
8
|
data-id="fontIcon"
|
|
9
9
|
data-selector-id="fontIcon"
|
|
10
10
|
data-test-id="fontIcon"
|
|
@@ -16,7 +16,7 @@ exports[`FontIcon - checking "isBold" is true 1`] = `
|
|
|
16
16
|
<DocumentFragment>
|
|
17
17
|
<i
|
|
18
18
|
aria-hidden="true"
|
|
19
|
-
class="zd_font_icons
|
|
19
|
+
class="zd_font_icons basic fbold"
|
|
20
20
|
data-id="fontIcon"
|
|
21
21
|
data-selector-id="fontIcon"
|
|
22
22
|
data-test-id="fontIcon"
|
|
@@ -28,7 +28,7 @@ exports[`FontIcon - rendering "IconName" 1`] = `
|
|
|
28
28
|
<DocumentFragment>
|
|
29
29
|
<i
|
|
30
30
|
aria-hidden="true"
|
|
31
|
-
class="zd_font_icons
|
|
31
|
+
class="zd_font_icons basic"
|
|
32
32
|
data-id="fontIcon"
|
|
33
33
|
data-selector-id="fontIcon"
|
|
34
34
|
data-test-id="fontIcon"
|
|
@@ -40,19 +40,19 @@ exports[`FontIcon - rendering "Name" with "iconContent" and without path 1`] =
|
|
|
40
40
|
<DocumentFragment>
|
|
41
41
|
<i
|
|
42
42
|
aria-hidden="true"
|
|
43
|
-
class="zd_font_icons
|
|
43
|
+
class="zd_font_icons basic"
|
|
44
44
|
data-id="fontIcon"
|
|
45
45
|
data-selector-id="fontIcon"
|
|
46
46
|
data-test-id="fontIcon"
|
|
47
47
|
>
|
|
48
48
|
<span
|
|
49
|
-
class="icon1
|
|
49
|
+
class="icon1"
|
|
50
50
|
/>
|
|
51
51
|
<span
|
|
52
|
-
class="icon2
|
|
52
|
+
class="icon2"
|
|
53
53
|
/>
|
|
54
54
|
<span
|
|
55
|
-
class="icon3
|
|
55
|
+
class="icon3"
|
|
56
56
|
/>
|
|
57
57
|
</i>
|
|
58
58
|
</DocumentFragment>
|
|
@@ -62,7 +62,7 @@ exports[`FontIcon - rendering "ariaHidden" is false 1`] = `
|
|
|
62
62
|
<DocumentFragment>
|
|
63
63
|
<i
|
|
64
64
|
aria-hidden="false"
|
|
65
|
-
class="zd_font_icons
|
|
65
|
+
class="zd_font_icons basic"
|
|
66
66
|
data-id="fontIcon"
|
|
67
67
|
data-selector-id="fontIcon"
|
|
68
68
|
data-test-id="fontIcon"
|
|
@@ -74,7 +74,7 @@ exports[`FontIcon - rendering "custumIcon" with path 1`] = `
|
|
|
74
74
|
<DocumentFragment>
|
|
75
75
|
<i
|
|
76
76
|
aria-hidden="true"
|
|
77
|
-
class="zd_font_icons red basic
|
|
77
|
+
class="zd_font_icons red basic"
|
|
78
78
|
data-id="fontIcon"
|
|
79
79
|
data-selector-id="fontIcon"
|
|
80
80
|
data-test-id="fontIcon"
|
|
@@ -93,7 +93,7 @@ exports[`FontIcon - rendering "iconClass" with path 1`] = `
|
|
|
93
93
|
<DocumentFragment>
|
|
94
94
|
<i
|
|
95
95
|
aria-hidden="true"
|
|
96
|
-
class="zd_font_icons
|
|
96
|
+
class="zd_font_icons basic iconStyleCss"
|
|
97
97
|
data-id="fontIcon"
|
|
98
98
|
data-selector-id="fontIcon"
|
|
99
99
|
data-test-id="fontIcon"
|
|
@@ -115,7 +115,7 @@ exports[`FontIcon - rendering custom attributes with tagAttributes prop 1`] = `
|
|
|
115
115
|
<DocumentFragment>
|
|
116
116
|
<i
|
|
117
117
|
aria-hidden="true"
|
|
118
|
-
class="zd_font_icons
|
|
118
|
+
class="zd_font_icons basic"
|
|
119
119
|
data-custom-attr="true"
|
|
120
120
|
data-id="fontIcon"
|
|
121
121
|
data-selector-id="fontIcon"
|
|
@@ -128,7 +128,7 @@ exports[`FontIcon - rendering custom icon name 1`] = `
|
|
|
128
128
|
<DocumentFragment>
|
|
129
129
|
<i
|
|
130
130
|
aria-hidden="true"
|
|
131
|
-
class="zd_font_icons red basic
|
|
131
|
+
class="zd_font_icons red basic"
|
|
132
132
|
data-id="fontIcon"
|
|
133
133
|
data-selector-id="fontIcon"
|
|
134
134
|
data-test-id="fontIcon"
|
|
@@ -140,7 +140,7 @@ exports[`FontIcon - rendering the "default" props 1`] = `
|
|
|
140
140
|
<DocumentFragment>
|
|
141
141
|
<i
|
|
142
142
|
aria-hidden="true"
|
|
143
|
-
class="zd_font_icons
|
|
143
|
+
class="zd_font_icons basic"
|
|
144
144
|
data-id="fontIcon"
|
|
145
145
|
data-selector-id="fontIcon"
|
|
146
146
|
data-test-id="fontIcon"
|
|
@@ -152,7 +152,7 @@ exports[`FontIcon - rendering the "fontSize" 1`] = `
|
|
|
152
152
|
<DocumentFragment>
|
|
153
153
|
<i
|
|
154
154
|
aria-hidden="true"
|
|
155
|
-
class="zd_font_icons
|
|
155
|
+
class="zd_font_icons basic"
|
|
156
156
|
data-id="fontIcon"
|
|
157
157
|
data-selector-id="fontIcon"
|
|
158
158
|
data-test-id="fontIcon"
|
|
@@ -165,7 +165,7 @@ exports[`FontIcon - rendering the "iconClass" 1`] = `
|
|
|
165
165
|
<DocumentFragment>
|
|
166
166
|
<i
|
|
167
167
|
aria-hidden="true"
|
|
168
|
-
class="zd_font_icons
|
|
168
|
+
class="zd_font_icons basic iconStyleCss"
|
|
169
169
|
data-id="fontIcon"
|
|
170
170
|
data-selector-id="fontIcon"
|
|
171
171
|
data-test-id="fontIcon"
|
|
@@ -177,7 +177,7 @@ exports[`FontIcon - rendering the "pathname" 1`] = `
|
|
|
177
177
|
<DocumentFragment>
|
|
178
178
|
<i
|
|
179
179
|
aria-hidden="true"
|
|
180
|
-
class="zd_font_icons
|
|
180
|
+
class="zd_font_icons basic zd67f91bb627"
|
|
181
181
|
data-id="fontIcon"
|
|
182
182
|
data-selector-id="fontIcon"
|
|
183
183
|
data-test-id="fontIcon"
|
|
@@ -189,7 +189,7 @@ exports[`FontIcon - rendering the "title" 1`] = `
|
|
|
189
189
|
<DocumentFragment>
|
|
190
190
|
<i
|
|
191
191
|
aria-hidden="true"
|
|
192
|
-
class="zd_font_icons
|
|
192
|
+
class="zd_font_icons basic"
|
|
193
193
|
data-id="fontIcon"
|
|
194
194
|
data-selector-id="fontIcon"
|
|
195
195
|
data-test-id="fontIcon"
|
|
@@ -202,7 +202,7 @@ exports[`FontIcon - rendering the "titlePostion" to - bottom 1`] = `
|
|
|
202
202
|
<DocumentFragment>
|
|
203
203
|
<i
|
|
204
204
|
aria-hidden="true"
|
|
205
|
-
class="zd_font_icons
|
|
205
|
+
class="zd_font_icons basic"
|
|
206
206
|
data-id="fontIcon"
|
|
207
207
|
data-selector-id="fontIcon"
|
|
208
208
|
data-test-id="fontIcon"
|
|
@@ -215,7 +215,7 @@ exports[`FontIcon - rendering the "titlePostion" to - left 1`] = `
|
|
|
215
215
|
<DocumentFragment>
|
|
216
216
|
<i
|
|
217
217
|
aria-hidden="true"
|
|
218
|
-
class="zd_font_icons
|
|
218
|
+
class="zd_font_icons basic"
|
|
219
219
|
data-id="fontIcon"
|
|
220
220
|
data-selector-id="fontIcon"
|
|
221
221
|
data-test-id="fontIcon"
|
|
@@ -228,7 +228,7 @@ exports[`FontIcon - rendering the "titlePostion" to - right 1`] = `
|
|
|
228
228
|
<DocumentFragment>
|
|
229
229
|
<i
|
|
230
230
|
aria-hidden="true"
|
|
231
|
-
class="zd_font_icons
|
|
231
|
+
class="zd_font_icons basic"
|
|
232
232
|
data-id="fontIcon"
|
|
233
233
|
data-selector-id="fontIcon"
|
|
234
234
|
data-test-id="fontIcon"
|
|
@@ -241,7 +241,7 @@ exports[`FontIcon - rendering the "titlePostion" to - top 1`] = `
|
|
|
241
241
|
<DocumentFragment>
|
|
242
242
|
<i
|
|
243
243
|
aria-hidden="true"
|
|
244
|
-
class="zd_font_icons
|
|
244
|
+
class="zd_font_icons basic"
|
|
245
245
|
data-id="fontIcon"
|
|
246
246
|
data-selector-id="fontIcon"
|
|
247
247
|
data-test-id="fontIcon"
|