forstok-ui-lib 6.19.0 → 6.19.2

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "forstok-ui-lib",
3
- "version": "6.19.0",
3
+ "version": "6.19.2",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
@@ -0,0 +1,8 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 451.847 451.847" xml:space="preserve" style="fill: #4e4e4e;">
5
+ <path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751
6
+ c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0
7
+ c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"/>
8
+ </svg>
@@ -0,0 +1,9 @@
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="M8 6.5C9.38071 6.5 10.5 5.38071 10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4C5.5 5.38071 6.61929 6.5 8 6.5Z" fill="#000000"/>
4
+ <path d="M15.5 6.5C16.8807 6.5 18 5.38071 18 4C18 2.61929 16.8807 1.5 15.5 1.5C14.1193 1.5 13 2.61929 13 4C13 5.38071 14.1193 6.5 15.5 6.5Z" fill="#000000"/>
5
+ <path d="M10.5 12C10.5 13.3807 9.38071 14.5 8 14.5C6.61929 14.5 5.5 13.3807 5.5 12C5.5 10.6193 6.61929 9.5 8 9.5C9.38071 9.5 10.5 10.6193 10.5 12Z" fill="#000000"/>
6
+ <path d="M15.5 14.5C16.8807 14.5 18 13.3807 18 12C18 10.6193 16.8807 9.5 15.5 9.5C14.1193 9.5 13 10.6193 13 12C13 13.3807 14.1193 14.5 15.5 14.5Z" fill="#000000"/>
7
+ <path d="M10.5 20C10.5 21.3807 9.38071 22.5 8 22.5C6.61929 22.5 5.5 21.3807 5.5 20C5.5 18.6193 6.61929 17.5 8 17.5C9.38071 17.5 10.5 18.6193 10.5 20Z" fill="#000000"/>
8
+ <path d="M15.5 22.5C16.8807 22.5 18 21.3807 18 20C18 18.6193 16.8807 17.5 15.5 17.5C14.1193 17.5 13 18.6193 13 20C13 21.3807 14.1193 22.5 15.5 22.5Z" fill="#000000"/>
9
+ </svg>
@@ -21,6 +21,7 @@ import IconNotificationUpload from '../../assets/images/icons/notif-upload-white
21
21
  import IconBar from '../../assets/images/icons/humberbars.svg'
22
22
  import IconClose from '../../assets/images/icons/close.svg'
23
23
  import IconArrow from '../../assets/images/icons/arrow.svg'
24
+ import IconArrowDown from '../../assets/images/icons/arrow-down.svg'
24
25
  import IconDiscount from '../../assets/images/icons/discount.svg'
25
26
  import IconCash from '../../assets/images/icons/cash.svg'
26
27
  import IconCredit from '../../assets/images/icons/credit.svg'
@@ -38,6 +39,7 @@ import IconPersonRed from '../../assets/images/icons/person-red.svg';
38
39
  import IconCart from '../../assets/images/icons/cart.svg';
39
40
  import IconBack from '../../assets/images/icons/back.svg';
40
41
  import IconTime from '../../assets/images/icons/time.svg';
42
+ import IconDot from '../../assets/images/icons/dot.svg';
41
43
  import IconDashboardLeftNav from '../../assets/images/navs/left/dashboard.svg';
42
44
  import IconDashboardActiveLeftNav from '../../assets/images/navs/left/dashboard-active.svg';
43
45
  import IconAiLeftNav from '../../assets/images/navs/left/ai.svg';
@@ -280,6 +282,13 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
280
282
  }
281
283
  `
282
284
  break;
285
+ case 'arrow-down':
286
+ style += `
287
+ &:before {
288
+ content: url(${IconArrowDown});
289
+ }
290
+ `
291
+ break;
283
292
  case 'calendar':
284
293
  style += `
285
294
  &:before {
@@ -360,6 +369,13 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
360
369
  }
361
370
  `
362
371
  break;
372
+ case 'dot':
373
+ style += `
374
+ &:before {
375
+ content: url(${IconDot});
376
+ }
377
+ `
378
+ break;
363
379
  case 'dashboard-left-nav':
364
380
  style += `
365
381
  &:before {