forstok-ui-lib 6.0.1 → 6.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.js +31 -31
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/images/icons/check-blue.svg +1 -1
  7. package/src/assets/images/icons/check.svg +1 -1
  8. package/src/assets/images/icons/location.svg +4 -0
  9. package/src/assets/images/icons/phone.svg +4 -0
  10. package/src/components/icon/styles.ts +17 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "forstok-ui-lib",
3
- "version": "6.0.1",
3
+ "version": "6.0.3",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
package/src/assets/images/icons/check-blue.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%' height='100%'><path fill='none' stroke='#7eb6ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16'/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="auto" height="auto"><path fill="none" stroke="#7eb6ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16"/></svg>
package/src/assets/images/icons/check.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%' height='100%'><path fill='none' stroke='#60646c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16'/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="auto" height="auto"><path fill="none" stroke="#60646c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16"/></svg>
package/src/assets/images/icons/location.svg ADDED
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
2
+ <svg fill="#000000" width="auto" height="auto" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="M16.114-0.011c-6.559 0-12.114 5.587-12.114 12.204 0 6.93 6.439 14.017 10.77 18.998 0.017 0.020 0.717 0.797 1.579 0.797h0.076c0.863 0 1.558-0.777 1.575-0.797 4.064-4.672 10-12.377 10-18.998 0-6.618-4.333-12.204-11.886-12.204zM16.515 29.849c-0.035 0.035-0.086 0.074-0.131 0.107-0.046-0.032-0.096-0.072-0.133-0.107l-0.523-0.602c-4.106-4.71-9.729-11.161-9.729-17.055 0-5.532 4.632-10.205 10.114-10.205 6.829 0 9.886 5.125 9.886 10.205 0 4.474-3.192 10.416-9.485 17.657zM16.035 6.044c-3.313 0-6 2.686-6 6s2.687 6 6 6 6-2.687 6-6-2.686-6-6-6zM16.035 16.044c-2.206 0-4.046-1.838-4.046-4.044s1.794-4 4-4c2.207 0 4 1.794 4 4 0.001 2.206-1.747 4.044-3.954 4.044z"></path>
4
+ </svg>
package/src/assets/images/icons/phone.svg ADDED
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
2
+ <svg width="auto" height="auto" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="M10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90532 10.1147 9.8278C10.1147 9.8278 10.1147 9.8278 10.1147 9.8278C10.1146 9.82792 8.99588 10.9468 11.0245 12.9755C13.0525 15.0035 14.1714 13.8861 14.1722 13.8853C14.1722 13.8853 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C14.1588 20.0658 10.9183 19.5829 7.6677 16.3323C4.41713 13.0817 3.93421 9.84122 4.00655 7.93309C4.04952 6.7996 4.7008 5.77423 5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617Z" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
4
+ </svg>
package/src/components/icon/styles.ts CHANGED
@@ -9,6 +9,8 @@ import IconProductLeftNav from '../../assets/images/navs/left/products.svg';
9
9
  import IconWarningChat from '../../assets/images/icons/warning-agent.svg';
10
10
  import IconCheckChat from '../../assets/images/icons/check.svg';
11
11
  import IconCheckChatBlue from '../../assets/images/icons/check-blue.svg';
12
+ import IconPhone from '../../assets/images/icons/phone.svg';
13
+ import IconLocation from '../../assets/images/icons/location.svg';
12
14
 
13
15
  const NotificationStyled = css`
14
16
  width: 44px;
@@ -314,7 +316,21 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
314
316
  content: url(${IconCheckChatBlue});
315
317
  }
316
318
  `
317
- break;
319
+ break;
320
+ case 'phone':
321
+ style += `
322
+ &:before {
323
+ content: url(${IconPhone});
324
+ }
325
+ `
326
+ break;
327
+ case 'location':
328
+ style += `
329
+ &:before {
330
+ content: url(${IconLocation});
331
+ }
332
+ `
333
+ break;
318
334
  default:
319
335
  break;
320
336
  }