Merge pull request liferay#3212 from pat270/clay-3208

feat(@clayui/css): SVG Icons adds `thumbs-up-full` and `thumbs-down-full`
bryceosterhaus · May 14, 2020 · 76108ed · 76108ed
2 parents 80cd066 + 80513a1
commit 76108ed
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/clayui.com/svg-icons.js b/clayui.com/svg-icons.js
@@ -714,7 +714,9 @@ const iconsData = {
 	"test":						'"experiment", "lab"',
 	"text":						'"a", "editor"',
 	"text-editor":				'"style"',
+	"thumbs-down-full":			'"dislike", "social"',
 	"thumbs-down":				'"dislike", "social"',
+	"thumbs-up-full":			'"like", "social"',
 	"thumbs-up":				'"like", "social"',
 	"time":						'"clock", "day", "hour"',
 	"times":					'"cancel", "close", "x"',

diff --git a/packages/clay-css/src/images/icons/thumbs-down-full.svg b/packages/clay-css/src/images/icons/thumbs-down-full.svg
diff --git a/packages/clay-css/src/images/icons/thumbs-up-full.svg b/packages/clay-css/src/images/icons/thumbs-up-full.svg
diff --git a/packages/clay-css/src/scss/functions/_global-functions.scss b/packages/clay-css/src/scss/functions/_global-functions.scss
@@ -907,11 +907,15 @@
 
 	'third-party': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline third-party-dots" d="M480.1 194.6v-69.1c47.8-14.6 41.5-93.5-16-93.5-57.1 0-63.6 78.9-16 93.5v69.2c-15 4.8-24.8 16.1-29.1 29.4H221.4c-5.7-17.6-20.9-32-45.4-32-62.9 0-64.7 96 0 96 25.1 0 40.1-14.4 45.6-32h197c4.1 13.4 14 24.7 29.4 29.5v101.2c-46.4 14.9-42.6 93.4 16 93.4 58.7 0 62.8-78.6 16-93.4V285.5c42.9-13.1 42.1-77.6.1-90.9zM464 224c21.2 0 20.7 32 0 32-21.5 0-20.8-32 0-32zm0-160c21.2 0 20.7 32 0 32-21.5 0-20.8-32 0-32zM176 256c-21.6 0-20.8-32 0-32 21.2 0 20.7 32 0 32zm288 192c-21.6 0-20.8-32 0-32 21.2 0 20.8 32 0 32z" fill="#{$color}"/><path class="lexicon-icon-outline third-party-border" d="M284.9 320v92.9H67.1V99.1h217.8V160H352V99.1c0-37-30-67.1-67.1-67.1H67.1C30.1 32 0 62.1 0 99.1v313.8c0 37 30.1 67.1 67.1 67.1h217.8c37.1 0 67.1-30.1 67.1-67.1V320h-67.1z" fill="#{$color}"/></svg>',
 
-	'thumbs-down': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline thumbs-down-thumb-border" d="M.2 277.1c-.1 78.4 63.9 74.7 63.9 74.7l108.2.2c-46.4 106.6-3.1 143.1 21.7 153.7 91.5 38.9 134.4-110.3 180-185.7h42.1V0H200.3C143.9 0 64.2 59.7 64.2 128v36C5.8 183.5 0 225.1.2 277.1zM128 224v-96c0-37.4 58.5-64 73.3-64h150.8v192h-17c-25.5 44.1-97.7 209-116.9 190.8-10.1-9.6 2.9-61.6 57.8-158.8l-211.3-.1c-4.5-71.5 5.9-64 63.3-63.9z" fill="#{$color}"/><path class="lexicon-icon-outline thumbs-down-cuff" d="M512 288V32c0-42.6-64-42.6-64 0v256c.1 43.5 64 41.8 64 0z" fill="#{$color}"/></svg>',
+	'thumbs-down-full': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-thumbs-down-full-cuff" d="M512 288.1V31.7c0-42.7-64-42.7-64 0v256.4c.1 43.6 64 41.9 64 0z" fill="#{$color}"/><path class="lexicon-icon-outline lx-thumbs-down-full-thumb" d="M0 277.2C-.1 355.7 63.9 352 63.9 352l159.2.2c-60.8 100-54.7 132.2-20.5 151.2 71.5 39.7 111.5-70.3 171.4-183.2h42.1V-.3H200.2C143.8-.3 64 59.5 64 127.9V164C5.6 183.5-.2 225.2 0 277.2z" fill="#{$color}"/></svg>',
+
+	'thumbs-down': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-body thumbs-down-thumb-bg" fill="none" d="M120.1 31.1C83.9 56.9 64 91.4 64 128v35.9c-7.7 2.1-15.6 5.3-23.3 10.1C22.2 185.5 0 209 0 256c0 38 .8 56.1 8.7 70.8 4.5 8.3 13.4 19.1 30.5 23.1 8.1 1.9 16.2 1.9 24.8 1.9l108.2.1c-4 9.1-7.6 18.6-10.7 29.4-14.7 40.9-13.3 77 4.1 102 12.9 18.5 33.3 28.7 57.5 28.7H224.7c24-.5 47.3-15.7 69.2-45.1 12.6-16.8 21.2-33.5 22.6-36.4L373.9 320H416V0H200.2c-21.9 0-54 12.5-80.1 31.1z"/><path class="lexicon-icon-outline thumbs-down-thumb-border" d="M120.1 31.1C83.9 56.9 64 91.4 64 128v35.9c-7.7 2.1-15.6 5.3-23.3 10.1C22.2 185.5 0 209 0 256c0 38 .8 56.1 8.7 70.8 4.5 8.3 13.4 19.1 30.5 23.1 8.1 1.9 16.2 1.9 24.8 1.9l108.2.1c-4 9.1-7.6 18.6-10.7 29.4-14.7 40.9-13.3 77 4.1 102 12.9 18.5 33.3 28.7 57.5 28.7H224.7c24-.5 47.3-15.7 69.2-45.1 12.6-16.8 21.2-33.5 22.6-36.4L373.9 320H416V0H200.2c-21.9 0-54 12.5-80.1 31.1zM352 64v192h-17l-75.4 145.3-.3.6c-.1.1-5.8 11.7-14.6 24-11.3 15.8-19.4 21.2-21.9 22.2-3.8-.1-4.4-.9-4.7-1.3-3.3-4.7-4.9-20.4 4-44.5l.5-1.3.4-1.3c4.5-16.5 11.3-29.5 20.6-47.4 2.9-5.6 5.9-11.3 9.1-17.8l23.3-46.3-211.3-.1c-.7-10.3-.7-24.7-.7-32.1 0-19.2 5.1-32 29.9-32h1.4l32.6.7V128c0-19.4 15.5-34.8 28.6-44.3C175.2 70.2 195 64.2 200.2 64H352z" fill="#{$color}"/><path class="lexicon-icon-outline thumbs-down-cuff" d="M480 0c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32z" fill="#{$color}"/></svg>',
 
 	'thumbs-up-arrow': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline thumbs-up-arrow-cuff" d="M64 319.8v-160c0-44.8-64-41.6-64 0v160c0 41.6 64 41.6 64 0z" fill="#{$color}"/><path class="lexicon-icon-outline thumbs-up-arrow-hand" d="M384 127.8H272s16-35.2 16-76.8c3.2-48-64-86.4-112 3.2-19.2 32-48 73.6-48 73.6H96v224h131.2c115.2 0 124.8-54.4 124.8-96 0 0 64 0 64-64v-32c0-22.4-12.8-32-32-32zm-32 96h-32v32c0 57.6-54.4 64-92.8 64H128v-160h16l57.6-89.6C230.4 12.6 256 35 256 57.4c0 38.4-32 102.4-32 102.4h160v32c0 22.4-25.6 32-32 32z" fill="#{$color}"/><path class="lexicon-icon-outline thumbs-up-arrow-uptrend" d="M153.6 511.8l67.2-54.4 44.8 44.8c12.8 12.8 32 12.8 44.8 0l140.8-140.8 19.2 19.2c9.6 9.6 25.6 3.2 25.6-9.6l16-96c0-12.8-9.6-19.2-22.4-19.2l-96 16c-12.8 0-19.2 16-9.6 25.6l19.2 19.2L284.8 435l-41.6-41.6c-12.8-12.8-28.8-12.8-41.6-3.2L48 511.8h105.6z" fill="#{$color}"/></svg>',
 
-	'thumbs-up': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline thumbs-up-thumb-border" d="M511.9 234.9c.1-78.4-63.9-74.7-63.9-74.7l-108.2-.2c46.4-106.6 3.1-143.1-21.7-153.7-91.5-38.9-134.4 110.3-180 185.7H96v320h215.8c56.4 0 136.1-59.7 136.1-128v-36c58.4-19.5 64.2-61.1 64-113.1zM384.1 288v96c0 37.4-58.5 64-73.3 64H160V256h17c25.5-44.1 97.7-209 116.9-190.8 10.1 9.6-2.9 61.6-57.8 158.8l211.3.1c4.5 71.5-5.9 64-63.3 63.9z" fill="#{$color}"/><path class="lexicon-icon-outline thumbs-up-cuff" d="M.1 224v256c0 42.6 64 42.6 64 0V224c-.1-43.5-64-41.8-64 0z" fill="#{$color}"/></svg>',
+	'thumbs-up-full': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-thumbs-up-full-cuff" d="M0 224.8V481c0 41.6 64 41.6 64 0V224.8c0-44.9-64-41.7-64 0z" fill="#{$color}"/><path class="lexicon-icon-outline lx-thumbs-up-full-thumb" d="M512 233.2c0-76.9-64-73.7-64-73.7H288C348.8 60.2 342.4 28.2 307.2 9c-70.4-41.6-108.8 70.5-169.6 182.5H96v320.2h214.4c57.6.1 137.6-60.7 137.6-128v-35.2c57.6-19.2 64-60.8 64-115.3z" fill="#{$color}"/></svg>',
+
+	'thumbs-up': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-body thumbs-up-thumb-bg" fill="none" d="M503.3 185.2c-4.5-8.3-13.4-19.1-30.5-23.1-8.1-1.9-16.2-1.9-24.8-1.9l-108.2-.2c4-9.1 7.6-18.6 10.7-29.4 14.7-40.9 13.3-77-4.1-102C333.5 10.2 313.1 0 288.9 0H287.3c-24 .5-47.3 15.7-69.2 45.1-12.6 16.8-21.2 33.5-22.6 36.4L138.1 192H96v320h215.8c21.8 0 54-12.5 80-31.1 36.2-25.9 56.1-60.3 56.1-96.9v-36c7.7-2.1 15.6-5.3 23.3-10.1 18.6-11.5 40.7-35 40.7-82 .1-37.9-.7-56-8.6-70.7z"/><path class="lexicon-icon-outline thumbs-up-thumb-border" d="M503.3 185.2c-4.5-8.3-13.4-19.1-30.5-23.1-8.1-1.9-16.2-1.9-24.8-1.9l-108.2-.2c4-9.1 7.6-18.6 10.7-29.4 14.7-40.9 13.3-77-4.1-102C333.5 10.2 313.1 0 288.9 0H287.3c-24 .5-47.3 15.7-69.2 45.1-12.6 16.8-21.2 33.5-22.6 36.4L138.1 192H96v320h215.8c21.8 0 54-12.5 80-31.1 36.2-25.9 56.1-60.3 56.1-96.9v-36c7.7-2.1 15.6-5.3 23.3-10.1 18.6-11.5 40.7-35 40.7-82 .1-37.9-.7-56-8.6-70.7zM418.1 288h-1.4l-32.6-.7V384c0 19.4-15.5 34.8-28.6 44.3-18.6 13.5-38.5 19.5-43.7 19.7H160V256h17l75.4-145.3.3-.6c.1-.1 5.8-11.7 14.6-24 11.3-15.8 19.4-21.2 21.9-22.2 3.8.1 4.4 1 4.7 1.3 3.3 4.7 4.9 20.4-4 44.5l-.5 1.3-.4 1.3c-4.5 16.5-11.3 29.5-20.6 47.4-2.9 5.6-5.9 11.3-9.1 17.8L236.1 224l211.3.1c.6 10.1.6 24.4.6 31.9 0 19.2-5.1 32-29.9 32z" fill="#{$color}"/><path class="lexicon-icon-outline thumbs-up-cuff" d="M32 192c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32s32-14.3 32-32V224c0-17.7-14.3-32-32-32z" fill="#{$color}"/></svg>',
 
 	'time': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M437 75C388.7 26.6 324.4 0 256 0S123.3 26.6 75 75C26.6 123.3 0 187.6 0 256s26.6 132.7 75 181c48.4 48.4 112.6 75 181 75s132.7-26.6 181-75c48.4-48.4 75-112.6 75-181s-26.6-132.7-75-181z"/><path class="lexicon-icon-outline lx-time-border" d="M437 75C388.7 26.6 324.4 0 256 0S123.3 26.6 75 75C26.6 123.3 0 187.6 0 256s26.6 132.7 75 181c48.4 48.4 112.6 75 181 75s132.7-26.6 181-75c48.4-48.4 75-112.6 75-181s-26.6-132.7-75-181zM256 448c-105.9 0-192-86.1-192-192S150.1 64 256 64s192 86.1 192 192-86.1 192-192 192z" fill="#{$color}"/><path class="lexicon-icon-outline lx-time-hands" d="M180.7 347.3c3.1 3.1 7.2 4.7 11.3 4.7s8.2-1.6 11.3-4.7l48-48c6.3 3 13.3 4.7 20.7 4.7 26.5 0 48-21.5 48-48 0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16 7.2-16 16v98.7c-18.6 6.6-32 24.4-32 45.3 0 7.4 1.7 14.4 4.7 20.7l-48 48c-6.3 6.2-6.3 16.4 0 22.6z" fill="#{$color}"/></svg>',