forstok-ui-lib 5.2.56 → 5.3.2

package/package.json

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

package/postcss.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: {}
+};

package/rollup.config.js

@@ -48,6 +48,9 @@ export default [
       }),
       terser(),
       postcss({
+        config: {
+          path: './postcss.config.js'
+        },
         inject: true,  
         minimize: true,
         sourceMap: true,

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

@@ -0,0 +1,11 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <path d="M10 7L2 7" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path d="M8 12H2" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path d="M10 17H2" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <circle cx="17" cy="12" r="5" stroke="#000000" stroke-width="1.5"/> <path d="M17 10V11.8462L18 13" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g>
+
+</svg>

package/src/components/icon/styles.ts

@@ -27,7 +27,8 @@ 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'
+import IconQuestion from '../../assets/images/icons/question.svg';
+import IconSortby from '../../assets/images/icons/sortby.svg';
 
 const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: string, $name: string, $width?: string | number, onClick?: (e: MouseEvent<HTMLElement>) => void }) => {
   let style = ``;
@@ -228,7 +229,14 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
           filter: grayscale(100%);
         }
       `
-      break
+      break;
+    case 'sortby': 
+      style += `
+        &:before { 
+          content: url(${IconSortby}); 
+        }
+      `
+      break;
     default: 
       break;
   }