[DPEDE-2714] Add new icons to Chi for contract AI project (#1402)

* [DPEDE-2714] Add new icons to chi for ai project

* [DPEDE-2714] Added visual test

---------

Co-authored-by: josecarlosgonzalezv <josecarlos.gonzalezvillegas1@lumen.com>
Co-authored-by: José Carlos <86958774+josecarlosgonzalezv@users.noreply.github.com>

cypress/fixtures/chidata.json

@@ -222,6 +222,7 @@
     "number",
     "page-first",
     "page-last",
+    "paper-plane",
     "paste",
     "pause-arrow-rotate-right",
     "pause",
@@ -260,6 +261,8 @@
     "tag-outline",
     "tag",
     "text",
+    "thumbs-down",
+    "thumbs-up",
     "thumbtack-angle",
     "ticket-wrench-multiple",
     "ticket-wrench",

lib/chi-custom-elements/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-20T15:07:48",
+  "timestamp": "2024-09-26T17:10:53",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",

src/chi/components/icons/webfont-icons.scss

@@ -36,6 +36,18 @@ i {
   }
 }
 
+.icon-paper-plane::before {
+  content: '\ea21';
+}
+
+.icon-thumbs-up::before {
+  content: '\ea22';
+}
+
+.icon-thumbs-down::before {
+  content: '\ea23';
+}
+
 .icon-comments-sparkle::before {
   content: '\ea1e';
 }

src/documentation/pages/components-wip/icon/examples/_icons.vue

@@ -236,6 +236,7 @@ import { Vue } from 'vue-facing-decorator';
         'number',
         'page-first',
         'page-last',
+        'paper-plane',
         'paste',
         'pause',
         'pause-arrow-rotate-right',
@@ -274,6 +275,8 @@ import { Vue } from 'vue-facing-decorator';
         'tag-outline',
         'tag',
         'text',
+        'thumbs-down',
+        'thumbs-up',
         'thumbtack-angle',
         'ticket-wrench-multiple',
         'ticket-wrench',

src/website/views/components/icon/_examples.pug

@@ -197,7 +197,7 @@ p.-text
 
 h3 Icons
 .chi-grid.icon-library.-pt--2.-pb--6
-  each name in ['activity', 'address-book', 'api-outline', 'api', 'arrow-down', 'arrow-left', 'arrow-right', 'arrow-up', 'arrow-long-down', 'arrow-long-left', 'arrow-long-right', 'arrow-long-up', 'arrow-sort', 'arrow-sync', 'arrow-to-bottom', 'arrow-to-top', 'arrow-vertical', 'arrows', 'asterisk', 'atom', 'attachment', 'autopay', 'ban', 'bank', 'bell-off-outline', 'bell-off', 'bell-outline', 'bell', 'bell-settings-outline', 'bookmark-outline', 'bookmark', 'box-application', 'box-cloudformation', 'box-container', 'box-deployment', 'box-fill', 'box-outline', 'box-script', 'box', 'box-circle-arrow-left', 'box-circle-check', 'brain-nodes', 'building-outline', 'building', 'calendar-circle-alert', 'calendar-circle-check', 'calendar-circle-clock', 'calendar-circle-x', 'cart-alt', 'cart-outline', 'cart', 'chart-bar', 'chart-line', 'chart-pie', 'chat-outline', 'chat', 'check-alt', 'check-double', 'check', 'checkbox-checked', 'checkbox', 'checklist-outline', 'checklist', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-alert-outline', 'circle-alert', 'circle-arrow-down-outline', 'circle-arrow-down', 'circle-arrow-up-outline', 'circle-arrow-up', 'circle-check-outline', 'circle-check', 'circle-clock-outline', 'circle-clock', 'circle-code-outline', 'circle-code', 'circle-gear-outline', 'circle-gear', 'circle-info-outline', 'circle-info', 'circle-minus-outline', 'circle-minus', 'circle-outline', 'circle-pie', 'circle-play-outline', 'circle-play', 'circle-plus-outline', 'circle-plus', 'circle-question-outline', 'circle-question', 'circle-reload-outline', 'circle-reload', 'circle-slash', 'circle-slash-outline', 'circle-stop-outline', 'circle-stop', 'circle-user', 'circle-warning', 'circle-wrench', 'circle-x-outline', 'circle-x', 'circle', 'clipboard', 'cloud-outline', 'cloud-products', 'cloud', 'comment-dots-outline', 'comment-dots', 'comment-outline', 'comment', 'comments-dots-outline', 'comments-dots', 'comments-outline', 'comments-sparkle', 'comments', 'compose-cancel', 'compose', 'computer', 'copy', 'cost', 'dashboard', 'database-outline', 'database', 'date', 'date-alt', 'delete', 'diagram-outline', 'diagram', 'drag-vertical-outline', 'drag-vertical', 'edge-solutions', 'edit', 'edit-cancel', 'edit-create', 'edit-reload', 'external-link', 'fact-check-outline', 'fact-check', 'file-check-outline', 'file-check', 'file-error-outline', 'file-export', 'file-invoice-create', 'file-invoice-gear', 'file-invoice', 'file-outline', 'file', 'filter-alt-off-outline', 'filter-alt-off', 'filter-alt-outline', 'filter-alt', 'filter', 'flag', 'flag-off', 'folder-gear', 'folder-open', 'folder', 'gear-password', 'gears', 'globe-network-outline', 'globe-network', 'globe-outline', 'grid', 'hand-gear', 'handshake', 'heart', 'home-outline', 'home', 'inbox-multiple', 'inbox', 'key', 'life-ring', 'lightbulb-magic-outline', 'lightbulb-magic', 'lightbulb-on-outline', 'lightbulb-on', 'link-broken', 'link', 'list-alt', 'list', 'lock-outline', 'lock', 'login', 'logo-amazon', 'logo-aws', 'logo-azure', 'logo-centurylink', 'logo-facebook', 'logo-github', 'logo-google', 'logo-linkedin', 'logo-x', 'logo-youtube', 'logout', 'mail-circle-check', 'mail-incoming-outline', 'mail-incoming', 'mail-outgoing-outline', 'mail-outgoing', 'mail-outline', 'mail', 'map-marker-alt', 'map-marker', 'map-marker-outline', 'menu', 'microphone-mute', 'microphone', 'minus-alt', 'minus', 'moon-outline', 'moon', 'more-vert', 'more', 'nodes', 'nodes-circle-check', 'number', 'page-first', 'page-last', 'paste', 'pause', 'pause-arrow-rotate-right', 'phone', 'play', 'plus-alt', 'plus', 'print', 'radio-checked', 'radio', 'refresh', 'reload', 'reset', 'rocket', 'search', 'settings', 'share', 'shield-2fa', 'shield', 'sparkle', 'spinner', 'square-minus-outline', 'square-minus', 'square-plus-outline', 'square-plus', 'squares-minus-outline', 'squares-plus-outline', 'star-outline', 'star', 'stop', 'sun-outline', 'sun', 'sync', 'table-column-settings', 'table', 'tag-outline', 'tag', 'text', 'thumbtack-angle', 'ticket-wrench-multiple', 'ticket-wrench', 'triangle-down', 'triangle-left', 'triangle-right', 'triangle-up', 'triangle-wrench', 'unlock-outline', 'unlock', 'user-create', 'user-remove', 'user-settings', 'user-outline', 'user', 'users', 'verified', 'video-camera-mute', 'video-camera', 'visible-off', 'visible', 'voip', 'warning-outline', 'warning', 'wifi-outline', 'wifi', 'wrench', 'x-alt', 'x']
+  each name in ['activity', 'address-book', 'api-outline', 'api', 'arrow-down', 'arrow-left', 'arrow-right', 'arrow-up', 'arrow-long-down', 'arrow-long-left', 'arrow-long-right', 'arrow-long-up', 'arrow-sort', 'arrow-sync', 'arrow-to-bottom', 'arrow-to-top', 'arrow-vertical', 'arrows', 'asterisk', 'atom', 'attachment', 'autopay', 'ban', 'bank', 'bell-off-outline', 'bell-off', 'bell-outline', 'bell', 'bell-settings-outline', 'bookmark-outline', 'bookmark', 'box-application', 'box-cloudformation', 'box-container', 'box-deployment', 'box-fill', 'box-outline', 'box-script', 'box', 'box-circle-arrow-left', 'box-circle-check', 'brain-nodes', 'building-outline', 'building', 'calendar-circle-alert', 'calendar-circle-check', 'calendar-circle-clock', 'calendar-circle-x', 'cart-alt', 'cart-outline', 'cart', 'chart-bar', 'chart-line', 'chart-pie', 'chat-outline', 'chat', 'check-alt', 'check-double', 'check', 'checkbox-checked', 'checkbox', 'checklist-outline', 'checklist', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-alert-outline', 'circle-alert', 'circle-arrow-down-outline', 'circle-arrow-down', 'circle-arrow-up-outline', 'circle-arrow-up', 'circle-check-outline', 'circle-check', 'circle-clock-outline', 'circle-clock', 'circle-code-outline', 'circle-code', 'circle-gear-outline', 'circle-gear', 'circle-info-outline', 'circle-info', 'circle-minus-outline', 'circle-minus', 'circle-outline', 'circle-pie', 'circle-play-outline', 'circle-play', 'circle-plus-outline', 'circle-plus', 'circle-question-outline', 'circle-question', 'circle-reload-outline', 'circle-reload', 'circle-slash', 'circle-slash-outline', 'circle-stop-outline', 'circle-stop', 'circle-user', 'circle-warning', 'circle-wrench', 'circle-x-outline', 'circle-x', 'circle', 'clipboard', 'cloud-outline', 'cloud-products', 'cloud', 'comment-dots-outline', 'comment-dots', 'comment-outline', 'comment', 'comments-dots-outline', 'comments-dots', 'comments-outline', 'comments-sparkle', 'comments', 'compose-cancel', 'compose', 'computer', 'copy', 'cost', 'dashboard', 'database-outline', 'database', 'date', 'date-alt', 'delete', 'diagram-outline', 'diagram', 'drag-vertical-outline', 'drag-vertical', 'edge-solutions', 'edit', 'edit-cancel', 'edit-create', 'edit-reload', 'external-link', 'fact-check-outline', 'fact-check', 'file-check-outline', 'file-check', 'file-error-outline', 'file-export', 'file-invoice-create', 'file-invoice-gear', 'file-invoice', 'file-outline', 'file', 'filter-alt-off-outline', 'filter-alt-off', 'filter-alt-outline', 'filter-alt', 'filter', 'flag', 'flag-off', 'folder-gear', 'folder-open', 'folder', 'gear-password', 'gears', 'globe-network-outline', 'globe-network', 'globe-outline', 'grid', 'hand-gear', 'handshake', 'heart', 'home-outline', 'home', 'inbox-multiple', 'inbox', 'key', 'life-ring', 'lightbulb-magic-outline', 'lightbulb-magic', 'lightbulb-on-outline', 'lightbulb-on', 'link-broken', 'link', 'list-alt', 'list', 'lock-outline', 'lock', 'login', 'logo-amazon', 'logo-aws', 'logo-azure', 'logo-centurylink', 'logo-facebook', 'logo-github', 'logo-google', 'logo-linkedin', 'logo-x', 'logo-youtube', 'logout', 'mail-circle-check', 'mail-incoming-outline', 'mail-incoming', 'mail-outgoing-outline', 'mail-outgoing', 'mail-outline', 'mail', 'map-marker-alt', 'map-marker', 'map-marker-outline', 'menu', 'microphone-mute', 'microphone', 'minus-alt', 'minus', 'moon-outline', 'moon', 'more-vert', 'more', 'nodes', 'nodes-circle-check', 'number', 'page-first', 'page-last', 'paper-plane', 'paste', 'pause', 'pause-arrow-rotate-right', 'phone', 'play', 'plus-alt', 'plus', 'print', 'radio-checked', 'radio', 'refresh', 'reload', 'reset', 'rocket', 'search', 'settings', 'share', 'shield-2fa', 'shield', 'sparkle', 'spinner', 'square-minus-outline', 'square-minus', 'square-plus-outline', 'square-plus', 'squares-minus-outline', 'squares-plus-outline', 'star-outline', 'star', 'stop', 'sun-outline', 'sun', 'sync', 'table-column-settings', 'table', 'tag-outline', 'tag', 'text', 'thumbs-down', 'thumbs-up', 'thumbtack-angle', 'ticket-wrench-multiple', 'ticket-wrench', 'triangle-down', 'triangle-left', 'triangle-right', 'triangle-up', 'triangle-wrench', 'unlock-outline', 'unlock', 'user-create', 'user-remove', 'user-settings', 'user-outline', 'user', 'users', 'verified', 'video-camera-mute', 'video-camera', 'visible-off', 'visible', 'voip', 'warning-outline', 'warning', 'wifi-outline', 'wifi', 'wrench', 'x-alt', 'x']
     .chi-col.-w--6.-w-xl--2.-w-lg--3.-w-md--6.-mb--2
       .chi-card.-py--4.-bg--grey-10.-no-border.-align--center
         .chi-card__content

sri.json

@@ -1 +1 @@
-{"dist/chi.css":"sha256-+TgCM0QpLs6bA6EPAEO0nQkSOTuWHaYHlvdd29/3qgo=","dist/chi-centurylink.css":"sha256-kEKH3i1cE8TTkGzDWS/hiokCc1bIn4nt5IxgZoqExu4=","dist/chi-portal.css":"sha256-7PMuICuEa3oR+i27h5VUyZdFjkRZ7C7PhbDTfeyWHvQ=","dist/chi-brightspeed.css":"sha256-5HL4fvNBrVvYWQGIBk7lGrf7yEfE7syP3AxUDHuf6l0=","dist/chi-colt.css":"sha256-1fyHEKrNL/xF9LD8FZhSGWDy+JT93B1kt5Y3eId/73E=","dist/chi-lumenrebrand24.css":"sha256-jVNeXHUAwPx9p4Cyzej5gsp9k5gRKvWWLRRjvtNqzWQ=","dist/chi-portalrebrand24.css":"sha256-7PMuICuEa3oR+i27h5VUyZdFjkRZ7C7PhbDTfeyWHvQ=","dist/js/chi.js":"sha256-EVoPuMqk72qbdw1lZZ1eA8cNZoxY8BkI0l2XJlj/BTg=","dist/assets/themes/lumen/images/favicon.svg":"sha256-s8cfYbPxhcrLj+FL/OxALhZoDmlCwvX2/K3I0hq1PAs=","dist/assets/themes/lumen/images/favicon.ico":"sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0=","dist/assets/themes/centurylink/images/favicon.svg":"sha256-5RkYwEB1kGRtp6mggDQTuEY/wsmVdIG+AYurQhglosI=","dist/assets/themes/centurylink/images/favicon.ico":"sha256-CT3YteLQVYlkdxGsjd628GvTzCD9ViZWmJ3zheSnl3w=","dist/assets/themes/brightspeed/images/favicon.svg":"sha256-Tow8P9bccUnR/KKuuDzR4lajh5RdslRk8w3AdQAJeXA=","dist/assets/themes/brightspeed/images/favicon.ico":"sha256-EuXQy8CJJQ2WkSbZWd7RG3FdvyWyCuR4c6kp34KjXR0=","dist/assets/themes/colt/images/favicon.svg":"sha256-sigGNEeyEtgqhz99ctL2fxj6TlptlNjDkDpOcakIz0Y=","dist/assets/themes/colt/images/favicon.ico":"sha256-01eRZwbyuQHUlu+olKBDR6JW2BpEIQgJvyvtgnJ8aoc=","dist/assets/themes/colt/images/background-hero.png":"sha256-z3ObQ7Ovb1KKHLyl1nO5adiyxC++90EZQ6QYVmGs6FA=","dist/assets/themes/colt/images/background-login.png":"sha256-MZx40tUnQEqxT7M7GiCGsosBUR6utO2stfoS5cjlnDs=","dist/js/ce/ux-chi-ce/ux-chi-ce.esm.js":"sha256-N2kIkq1jUt/LU5xiFIKZ7/3xZBbrpoKDzg1u+wLMg04=","dist/js/ce/ux-chi-ce/ux-chi-ce.js":"sha256-WhRgCQjv++JTWn0jFhRhILrzTO3iyq9wDM348Lb9SXw="}
+{"dist/chi.css":"sha256-X/W+GNAZA4rdrSM0Z+mffgScBsK11bktacCciyuQTpk=","dist/chi-centurylink.css":"sha256-inmhxhZL2+fZjlIsT+qk6TNscF/s/5SB4Ql7EZISP2c=","dist/chi-portal.css":"sha256-AI/Oq1WbVL5YPwmHsLzFUDDy62OWhqiC0knzw5HdF4o=","dist/chi-brightspeed.css":"sha256-SqWac8SNiIxSl/OsAV02P/ASdJmy5enwPeFFGoI5Vxs=","dist/chi-colt.css":"sha256-6yF1GGpRBUxrywX5ihAGY+Wbk04bthiidDiBuoxM1/0=","dist/chi-lumenrebrand24.css":"sha256-iYZuPJEMxaDUKGJ63vFTsa6g/PzVebyIIsb8Y4RjeTk=","dist/chi-portalrebrand24.css":"sha256-AI/Oq1WbVL5YPwmHsLzFUDDy62OWhqiC0knzw5HdF4o=","dist/js/chi.js":"sha256-EVoPuMqk72qbdw1lZZ1eA8cNZoxY8BkI0l2XJlj/BTg=","dist/assets/themes/lumen/images/favicon.svg":"sha256-s8cfYbPxhcrLj+FL/OxALhZoDmlCwvX2/K3I0hq1PAs=","dist/assets/themes/lumen/images/favicon.ico":"sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0=","dist/assets/themes/centurylink/images/favicon.svg":"sha256-5RkYwEB1kGRtp6mggDQTuEY/wsmVdIG+AYurQhglosI=","dist/assets/themes/centurylink/images/favicon.ico":"sha256-CT3YteLQVYlkdxGsjd628GvTzCD9ViZWmJ3zheSnl3w=","dist/assets/themes/brightspeed/images/favicon.svg":"sha256-Tow8P9bccUnR/KKuuDzR4lajh5RdslRk8w3AdQAJeXA=","dist/assets/themes/brightspeed/images/favicon.ico":"sha256-EuXQy8CJJQ2WkSbZWd7RG3FdvyWyCuR4c6kp34KjXR0=","dist/assets/themes/colt/images/favicon.svg":"sha256-sigGNEeyEtgqhz99ctL2fxj6TlptlNjDkDpOcakIz0Y=","dist/assets/themes/colt/images/favicon.ico":"sha256-01eRZwbyuQHUlu+olKBDR6JW2BpEIQgJvyvtgnJ8aoc=","dist/assets/themes/colt/images/background-hero.png":"sha256-z3ObQ7Ovb1KKHLyl1nO5adiyxC++90EZQ6QYVmGs6FA=","dist/assets/themes/colt/images/background-login.png":"sha256-MZx40tUnQEqxT7M7GiCGsosBUR6utO2stfoS5cjlnDs=","dist/js/ce/ux-chi-ce/ux-chi-ce.esm.js":"sha256-SphG1vvK0u/PDkkSOR1Js1FzyB5xH4JU0hqw+j3nMG4=","dist/js/ce/ux-chi-ce/ux-chi-ce.js":"sha256-WhRgCQjv++JTWn0jFhRhILrzTO3iyq9wDM348Lb9SXw="}