forstok-ui-lib 5.2.54 → 5.2.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "5.2.54",
+  "version": "5.2.56",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/images/icons/question.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="auto" height="auto" viewBox="0 0 24 24" id="meteor-icon-kit__solid-question-circle" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM12 16C11.1716 16 10.5 16.6716 10.5 17.5C10.5 18.3284 11.1716 19 12 19C12.8284 19 13.5 18.3284 13.5 17.5C13.5 16.6716 12.8284 16 12 16ZM10.5 9.5C10.5 8.32843 10.8284 8 12 8C13.0641 8 13.3215 8.19307 13.4337 8.64158C13.4859 8.85034 13.5 9.06237 13.5 9.5C13.5 9.82337 13.4246 9.93939 12.938 10.3287C12.9624 10.3091 12.4319 10.7246 12.2619 10.8662C11.5638 11.4479 11.055 12.036 10.6584 12.8292C10.2879 13.5701 10.5882 14.4712 11.3292 14.8416C12.0701 15.2121 12.9712 14.9118 13.3416 14.1708C13.5298 13.7944 13.7772 13.5086 14.1825 13.1709C14.3108 13.0639 14.8049 12.677 14.812 12.6713C15.94 11.7689 16.5 10.9074 16.5 9.5C16.5 8.82652 16.4737 8.43249 16.3441 7.91397C15.8921 6.10608 14.4174 5 12 5C9.17157 5 7.5 6.67157 7.5 9.5C7.5 10.3284 8.17157 11 9 11C9.82843 11 10.5 10.3284 10.5 9.5Z" fill="#758CA3"/></svg>

package/src/components/icon/styles.ts

@@ -27,6 +27,7 @@ import IconArrowLeftDouble from '../../assets/images/icons/arrow-left-double.svg
 import IconArrowRight from '../../assets/images/icons/arrow-right.svg'
 import IconArrowRightDouble from '../../assets/images/icons/arrow-right-double.svg'
 import IconCalendar from '../../assets/images/icons/calendar.svg'
+import IconQuestion from '../../assets/images/icons/question.svg'
 
 const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: string, $name: string, $width?: string | number, onClick?: (e: MouseEvent<HTMLElement>) => void }) => {
   let style = ``;
@@ -191,34 +192,42 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
           content: url(${IconArrowLeft}); 
         }
       `
-      break
+      break;
     case 'arrow-left-double': 
       style += `
         &:before { 
           content: url(${IconArrowLeftDouble}); 
         }
       `
-      break
+      break;
     case 'arrow-right': 
       style += `
         &:before { 
           content: url(${IconArrowRight}); 
         }
       `
-      break
+      break;
     case 'arrow-right-double': 
       style += `
         &:before { 
           content: url(${IconArrowRightDouble}); 
         }
       `
-      break
+      break;
     case 'calendar': 
       style += `
         &:before { 
           content: url(${IconCalendar}); 
         }
       `
+      break;
+    case 'question': 
+      style += `
+        &:before { 
+          content: url(${IconQuestion}); 
+          filter: grayscale(100%);
+        }
+      `
       break
     default: 
       break;