feat(FIJI-51927): [Icon] add icons: AudioLow, TodayCalendarIco

packages/juno-icon/__tests__/__snapshots__/icons.test.tsx.snap

@@ -3,6 +3,10 @@
 exports[`icon svg file expect svg file to match snapshot 1`] = `
 "export default \`<svg aria-hidden=\\"true\\" style=\\"position: absolute; width: 0; height: 0; overflow: hidden;\\" version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" xmlns:xlink=\\"http://www.w3.org/1999/xlink\\">
 <defs>
+<symbol id=\\"icon-today-calendar-ico\\" viewBox=\\"0 0 32 32\\">
+<title>today-calendar-ico</title>
+<path d=\\"M7.056 2c-2.778 0-5.056 2.277-5.056 5.056v17.889c0 2.778 2.277 5.056 5.056 5.056h17.889c2.778 0 5.056-2.277 5.056-5.056v-17.889c0-2.778-2.277-5.056-5.056-5.056h-17.889zM7.056 4.333h17.889c1.516 0 2.722 1.206 2.722 2.722v1.167h-23.333v-1.167c0-1.516 1.206-2.722 2.722-2.722zM4.333 10.556h23.333v14.389c0 1.516-1.206 2.722-2.722 2.722h-17.889c-1.516 0-2.722-1.206-2.722-2.722v-14.389zM21.865 13.654c-0.344-0.006-0.673 0.14-0.899 0.398l-6.18 6.863-3.018-3.018c-0.292-0.304-0.727-0.425-1.135-0.318-0.408 0.106-0.727 0.425-0.834 0.833s0.015 0.841 0.318 1.135l3.889 3.889c0.226 0.226 0.535 0.351 0.856 0.342 0.319-0.008 0.622-0.148 0.837-0.386l7-7.778c0.312-0.337 0.398-0.828 0.218-1.251-0.18-0.424-0.593-0.701-1.054-0.709h0.001z\\"></path>
+</symbol>
 <symbol id=\\"icon-hybrid-contact\\" viewBox=\\"0 0 32 32\\">
 <title>hybrid-contact</title>
 <path d=\\"M29 3c1.105 0 2 0.895 2 2v22c0 1.105-0.895 2-2 2h-26c-1.105 0-2-0.895-2-2v-22c0-1.105 0.895-2 2-2h26zM24.088 6.957c-0.48-0.019-1.531 0.204-1.919 0.432-0.436 0.242-0.667 0.732-0.568 1.256 0.252 1.087 0.403 2.221 0.529 3.352 0.052 0.505 0.437 0.879 0.946 0.932 0.299 0.031 0.578-0.028 0.84-0.076 0.201-0.052 0.384-0.066 0.581-0.058 0 0 0.091 0.009 0.171 0.107 0.19 0.205 0.64 0.825 0.666 2.78-0.007 2.088-0.548 2.664-0.714 2.799-0.064 0.052-0.129 0.076-0.129 0.076-0.195-0.005-0.387-0.042-0.579-0.078-0.281-0.047-0.551-0.105-0.853-0.077-0.502 0.052-0.911 0.459-0.942 0.926-0.12 1.138-0.313 2.284-0.501 3.366v0l-0.018 0.128c-0.041 0.472 0.176 0.913 0.584 1.11 0.371 0.218 1.422 0.436 1.936 0.432 0.45 0.016 0.892-0.179 1.305-0.513 1.583-1.282 2.519-4.347 2.509-8.171-0.026-5.567-1.992-8.632-3.842-8.723zM16.002 16.978l-10.16 0.006c-0.927 0.072-1.676 0.774-1.818 1.677l-0.019 0.161-0.005 0.149v5.029h14v-5.029l-0.005-0.149c-0.076-1.031-0.939-1.844-1.993-1.844zM11.012 7c-2.207 0-3.996 1.784-3.996 3.986s1.789 3.986 3.996 3.986c2.207 0 3.996-1.784 3.996-3.986s-1.789-3.986-3.996-3.986z\\"></path>
@@ -705,6 +709,11 @@ exports[`icon svg file expect svg file to match snapshot 1`] = `
 <title>resend-fax</title>
 <path d=\\"M6.258 4.144c0.223-0.069 0.448 0.1 0.445 0.335v0l-0.084 5.619c-0.003 0.282-0.323 0.442-0.548 0.276v0l-1.785-1.3c-1.844 3.856-2.155 8.040-0.407 11.695 1.895 3.962 5.623 6.577 10.568 6.718v0c0.666 0.019 1.156 0.596 1.114 1.31-0.044 0.786-0.706 1.434-1.441 1.412-5.832-0.166-10.264-3.245-12.55-8.034-2.167-4.528-2.223-9.621 0.667-14.592v0l-1.595-1.159c-0.232-0.168-0.169-0.529 0.103-0.61v0zM17.193 0c4.967 0 9.624 2.747 12.252 6.831 2.772 4.306 2.97 9.477 0.592 14.67-0.037 0.081-0.084 0.156-0.134 0.226v0l1.913 1.021c0.253 0.135 0.244 0.502-0.020 0.624v0l-5.231 2.411c-0.213 0.097-0.461-0.041-0.489-0.273v0l-0.69-5.575c-0.035-0.279 0.26-0.479 0.507-0.348v0l1.835 0.98c0.012-0.032 0.019-0.063 0.031-0.091 2.017-4.404 1.879-8.736-0.414-12.3-2.183-3.399-6.249-5.549-10.22-5.688-0.641-0.021-1.165-0.519-1.206-1.162-0.044-0.727 0.542-1.328 1.272-1.328z\\"></path>
 </symbol>
+<symbol id=\\"icon-audio-low\\" viewBox=\\"0 0 32 32\\">
+<title>audio-low</title>
+<path fill=\\"#000\\" style=\\"fill: var(--color4, #000)\\" d=\\"M18.479 4.534c0.333 0.342 0.521 0.805 0.521 1.288v20.356c0 1.006-0.796 1.822-1.778 1.822-0.471 0-0.924-0.192-1.257-0.534l-6.854-6h-5.333c-0.982 0-1.778-0.816-1.778-1.822v-7.288c0-1.006 0.796-1.822 1.778-1.822h5.333l6.854-6c0.694-0.712 1.82-0.712 2.514 0l0 0z\\"></path>
+<path fill=\\"#000\\" style=\\"fill: var(--color4, #000)\\" opacity=\\"0.32\\" d=\\"M27.398 7.869c1.683 2.355 2.602 5.175 2.602 8.131s-0.919 5.776-2.602 8.131c-0.321 0.449-0.946 0.553-1.395 0.232s-0.553-0.946-0.232-1.395c1.442-2.018 2.229-4.433 2.229-6.968s-0.787-4.95-2.229-6.968c-0.321-0.449-0.217-1.074 0.232-1.395s1.074-0.217 1.395 0.232zM23.844 11.584c0.754 1.337 1.156 2.848 1.156 4.416 0 1.578-0.407 3.098-1.171 4.441-0.273 0.48-0.883 0.648-1.363 0.375s-0.648-0.883-0.375-1.363c0.593-1.044 0.909-2.224 0.909-3.453 0-1.221-0.312-2.394-0.898-3.433-0.271-0.481-0.101-1.091 0.38-1.362s1.091-0.101 1.362 0.38z\\"></path>
+</symbol>
 <symbol id=\\"icon-no-audio\\" viewBox=\\"0 0 32 32\\">
 <title>no-audio</title>
 <path d=\\"M18.479 4.534c0.333 0.342 0.521 0.805 0.521 1.288v20.356c0 1.006-0.796 1.822-1.778 1.822-0.471 0-0.924-0.192-1.257-0.534l-6.854-6h-5.333c-0.982 0-1.778-0.816-1.778-1.822v-7.288c0-1.006 0.796-1.822 1.778-1.822h5.333l6.854-6c0.694-0.712 1.82-0.712 2.514 0zM23.172 11.757l2.83 2.828 2.827-2.828c0.391-0.391 1.024-0.391 1.414 0s0.391 1.024 0 1.414l-2.827 2.828 2.827 2.828c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0l-2.827-2.828-2.83 2.828c-0.391 0.391-1.024 0.391-1.414 0s-0.391-1.024 0-1.414l2.83-2.828-2.83-2.828c-0.391-0.391-0.391-1.024 0-1.414s1.024-0.391 1.414 0z\\"></path>

packages/juno-icon/devUtils/iconSymbol.ts

@@ -1,5 +1,9 @@
 export default `<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
+<symbol id="icon-today-calendar-ico" viewBox="0 0 32 32">
+<title>today-calendar-ico</title>
+<path d="M7.056 2c-2.778 0-5.056 2.277-5.056 5.056v17.889c0 2.778 2.277 5.056 5.056 5.056h17.889c2.778 0 5.056-2.277 5.056-5.056v-17.889c0-2.778-2.277-5.056-5.056-5.056h-17.889zM7.056 4.333h17.889c1.516 0 2.722 1.206 2.722 2.722v1.167h-23.333v-1.167c0-1.516 1.206-2.722 2.722-2.722zM4.333 10.556h23.333v14.389c0 1.516-1.206 2.722-2.722 2.722h-17.889c-1.516 0-2.722-1.206-2.722-2.722v-14.389zM21.865 13.654c-0.344-0.006-0.673 0.14-0.899 0.398l-6.18 6.863-3.018-3.018c-0.292-0.304-0.727-0.425-1.135-0.318-0.408 0.106-0.727 0.425-0.834 0.833s0.015 0.841 0.318 1.135l3.889 3.889c0.226 0.226 0.535 0.351 0.856 0.342 0.319-0.008 0.622-0.148 0.837-0.386l7-7.778c0.312-0.337 0.398-0.828 0.218-1.251-0.18-0.424-0.593-0.701-1.054-0.709h0.001z"></path>
+</symbol>
 <symbol id="icon-hybrid-contact" viewBox="0 0 32 32">
 <title>hybrid-contact</title>
 <path d="M29 3c1.105 0 2 0.895 2 2v22c0 1.105-0.895 2-2 2h-26c-1.105 0-2-0.895-2-2v-22c0-1.105 0.895-2 2-2h26zM24.088 6.957c-0.48-0.019-1.531 0.204-1.919 0.432-0.436 0.242-0.667 0.732-0.568 1.256 0.252 1.087 0.403 2.221 0.529 3.352 0.052 0.505 0.437 0.879 0.946 0.932 0.299 0.031 0.578-0.028 0.84-0.076 0.201-0.052 0.384-0.066 0.581-0.058 0 0 0.091 0.009 0.171 0.107 0.19 0.205 0.64 0.825 0.666 2.78-0.007 2.088-0.548 2.664-0.714 2.799-0.064 0.052-0.129 0.076-0.129 0.076-0.195-0.005-0.387-0.042-0.579-0.078-0.281-0.047-0.551-0.105-0.853-0.077-0.502 0.052-0.911 0.459-0.942 0.926-0.12 1.138-0.313 2.284-0.501 3.366v0l-0.018 0.128c-0.041 0.472 0.176 0.913 0.584 1.11 0.371 0.218 1.422 0.436 1.936 0.432 0.45 0.016 0.892-0.179 1.305-0.513 1.583-1.282 2.519-4.347 2.509-8.171-0.026-5.567-1.992-8.632-3.842-8.723zM16.002 16.978l-10.16 0.006c-0.927 0.072-1.676 0.774-1.818 1.677l-0.019 0.161-0.005 0.149v5.029h14v-5.029l-0.005-0.149c-0.076-1.031-0.939-1.844-1.993-1.844zM11.012 7c-2.207 0-3.996 1.784-3.996 3.986s1.789 3.986 3.996 3.986c2.207 0 3.996-1.784 3.996-3.986s-1.789-3.986-3.996-3.986z"></path>
@@ -702,6 +706,11 @@ export default `<svg aria-hidden="true" style="position: absolute; width: 0; hei
 <title>resend-fax</title>
 <path d="M6.258 4.144c0.223-0.069 0.448 0.1 0.445 0.335v0l-0.084 5.619c-0.003 0.282-0.323 0.442-0.548 0.276v0l-1.785-1.3c-1.844 3.856-2.155 8.040-0.407 11.695 1.895 3.962 5.623 6.577 10.568 6.718v0c0.666 0.019 1.156 0.596 1.114 1.31-0.044 0.786-0.706 1.434-1.441 1.412-5.832-0.166-10.264-3.245-12.55-8.034-2.167-4.528-2.223-9.621 0.667-14.592v0l-1.595-1.159c-0.232-0.168-0.169-0.529 0.103-0.61v0zM17.193 0c4.967 0 9.624 2.747 12.252 6.831 2.772 4.306 2.97 9.477 0.592 14.67-0.037 0.081-0.084 0.156-0.134 0.226v0l1.913 1.021c0.253 0.135 0.244 0.502-0.020 0.624v0l-5.231 2.411c-0.213 0.097-0.461-0.041-0.489-0.273v0l-0.69-5.575c-0.035-0.279 0.26-0.479 0.507-0.348v0l1.835 0.98c0.012-0.032 0.019-0.063 0.031-0.091 2.017-4.404 1.879-8.736-0.414-12.3-2.183-3.399-6.249-5.549-10.22-5.688-0.641-0.021-1.165-0.519-1.206-1.162-0.044-0.727 0.542-1.328 1.272-1.328z"></path>
 </symbol>
+<symbol id="icon-audio-low" viewBox="0 0 32 32">
+<title>audio-low</title>
+<path fill="#000" style="fill: var(--color4, #000)" d="M18.479 4.534c0.333 0.342 0.521 0.805 0.521 1.288v20.356c0 1.006-0.796 1.822-1.778 1.822-0.471 0-0.924-0.192-1.257-0.534l-6.854-6h-5.333c-0.982 0-1.778-0.816-1.778-1.822v-7.288c0-1.006 0.796-1.822 1.778-1.822h5.333l6.854-6c0.694-0.712 1.82-0.712 2.514 0l0 0z"></path>
+<path fill="#000" style="fill: var(--color4, #000)" opacity="0.32" d="M27.398 7.869c1.683 2.355 2.602 5.175 2.602 8.131s-0.919 5.776-2.602 8.131c-0.321 0.449-0.946 0.553-1.395 0.232s-0.553-0.946-0.232-1.395c1.442-2.018 2.229-4.433 2.229-6.968s-0.787-4.95-2.229-6.968c-0.321-0.449-0.217-1.074 0.232-1.395s1.074-0.217 1.395 0.232zM23.844 11.584c0.754 1.337 1.156 2.848 1.156 4.416 0 1.578-0.407 3.098-1.171 4.441-0.273 0.48-0.883 0.648-1.363 0.375s-0.648-0.883-0.375-1.363c0.593-1.044 0.909-2.224 0.909-3.453 0-1.221-0.312-2.394-0.898-3.433-0.271-0.481-0.101-1.091 0.38-1.362s1.091-0.101 1.362 0.38z"></path>
+</symbol>
 <symbol id="icon-no-audio" viewBox="0 0 32 32">
 <title>no-audio</title>
 <path d="M18.479 4.534c0.333 0.342 0.521 0.805 0.521 1.288v20.356c0 1.006-0.796 1.822-1.778 1.822-0.471 0-0.924-0.192-1.257-0.534l-6.854-6h-5.333c-0.982 0-1.778-0.816-1.778-1.822v-7.288c0-1.006 0.796-1.822 1.778-1.822h5.333l6.854-6c0.694-0.712 1.82-0.712 2.514 0zM23.172 11.757l2.83 2.828 2.827-2.828c0.391-0.391 1.024-0.391 1.414 0s0.391 1.024 0 1.414l-2.827 2.828 2.827 2.828c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0l-2.827-2.828-2.83 2.828c-0.391 0.391-1.024 0.391-1.414 0s-0.391-1.024 0-1.414l2.83-2.828-2.83-2.828c-0.391-0.391-0.391-1.024 0-1.414s1.024-0.391 1.414 0z"></path>

packages/juno-icon/devUtils/svgToComponentMapping.ts

@@ -9,6 +9,7 @@ module.exports = {
   '7': '7',
   '8': '8',
   '9': '9',
+  TodayCalendarIco: 'today-calendar-ico',
   HybridContact: 'hybrid-contact',
   AppsInstalled: 'apps-installed',
   AppsDevelopers: 'apps-developers',
@@ -157,6 +158,7 @@ module.exports = {
   AddIntegration: 'add-integration',
   ListView: 'list-view',
   ResendFax: 'resend-fax',
+  AudioLow: 'audio-low',
   NoAudio: 'no-audio',
   Audio: 'audio',
   NewFax: 'new-fax',

packages/juno-icon/src/AudioLow.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps, Ref, forwardRef, memo } from 'react';
+
+const AudioLow = memo(
+  forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="#000"
+        d="M18.479 4.534c.333.342.521.805.521 1.288v20.356C19 27.184 18.204 28 17.222 28c-.471 0-.924-.192-1.257-.534l-6.854-6H3.778C2.796 21.466 2 20.65 2 19.644v-7.288c0-1.006.796-1.822 1.778-1.822h5.333l6.854-6a1.746 1.746 0 0 1 2.514 0z"
+      />
+      <path
+        fill="#000"
+        opacity={0.32}
+        d="M27.398 7.869C29.081 10.224 30 13.044 30 16s-.919 5.776-2.602 8.131a1 1 0 0 1-1.627-1.163C27.213 20.95 28 18.535 28 16s-.787-4.95-2.229-6.968a1 1 0 0 1 1.627-1.163zm-3.554 3.715A8.963 8.963 0 0 1 25 16a8.953 8.953 0 0 1-1.171 4.441 1 1 0 1 1-1.738-.988A6.965 6.965 0 0 0 23 16a6.962 6.962 0 0 0-.898-3.433 1 1 0 0 1 1.742-.982z"
+      />
+    </svg>
+  )),
+);
+AudioLow.displayName = 'AudioLow';
+AudioLow['iconName'] = 'audio-low';
+export default AudioLow;

packages/juno-icon/src/TodayCalendarIco.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps, Ref, forwardRef, memo } from 'react';
+
+const TodayCalendarIco = memo(
+  forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path d="M7.056 2C4.278 2 2 4.277 2 7.056v17.889c0 2.778 2.277 5.056 5.056 5.056h17.889c2.778 0 5.056-2.277 5.056-5.056V7.056C30.001 4.278 27.724 2 24.945 2H7.056zm0 2.333h17.889a2.706 2.706 0 0 1 2.722 2.722v1.167H4.334V7.055a2.706 2.706 0 0 1 2.722-2.722zm-2.723 6.223h23.333v14.389a2.706 2.706 0 0 1-2.722 2.722H7.055a2.706 2.706 0 0 1-2.722-2.722V10.556zm17.532 3.098a1.168 1.168 0 0 0-.899.398l-6.18 6.863-3.018-3.018a1.166 1.166 0 1 0-1.651 1.65l3.889 3.889a1.165 1.165 0 0 0 1.693-.044l7-7.778a1.166 1.166 0 0 0-.836-1.96h.001z" />
+    </svg>
+  )),
+);
+TodayCalendarIco.displayName = 'TodayCalendarIco';
+TodayCalendarIco['iconName'] = 'today-calendar-ico';
+export default TodayCalendarIco;

packages/juno-icon/src/index.tsx

@@ -68,6 +68,7 @@ export { default as Askfirst } from './Askfirst';
 export { default as Assignment } from './Assignment';
 export { default as Asterisk } from './Asterisk';
 export { default as Attachment } from './Attachment';
+export { default as AudioLow } from './AudioLow';
 export { default as Audio } from './Audio';
 export { default as AvatarRooms } from './AvatarRooms';
 export { default as Barge } from './Barge';
@@ -380,6 +381,7 @@ export { default as ThumbupBorder } from './ThumbupBorder';
 export { default as Thumbup } from './Thumbup';
 export { default as TimeBorder } from './TimeBorder';
 export { default as Time } from './Time';
+export { default as TodayCalendarIco } from './TodayCalendarIco';
 export { default as Transcription } from './Transcription';
 export { default as TransferCall } from './TransferCall';
 export { default as TransferCallBorder } from './TransferCallBorder';

sync-github.json

@@ -1,3 +1,3 @@
 {
-  "latestCommitSHA": "6a36ed5b3b7cb5e2f22b79d4bd7c47442c5947f5"
+  "latestCommitSHA": "ad1c45054ea510ff1dc9509eef1170720b0c40f6"
 }