forstok-ui-lib 8.1.0 → 8.2.0

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 (20) hide show
  1. package/dist/index.d.ts +6 -3
  2. package/dist/index.js +243 -199
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +459 -415
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/assets/images/icons/arrow-down-grey.svg +8 -0
  8. package/src/assets/images/icons/checkmark-x.svg +12 -0
  9. package/src/assets/images/icons/info.svg +4 -0
  10. package/src/assets/images/icons/link-green.svg +12 -0
  11. package/src/assets/images/icons/reload.svg +2 -0
  12. package/src/components/icon/index.tsx +3 -2
  13. package/src/components/icon/styles.ts +159 -702
  14. package/src/components/icon/typed.ts +106 -0
  15. package/src/components/image/channel.tsx +1 -1
  16. package/src/components/index.ts +1 -0
  17. package/src/components/table/index.tsx +1 -1
  18. package/src/components/table/style.ts +1 -1
  19. /package/src/components/image/{type.ts → typed.ts} +0 -0
  20. /package/src/components/table/{type.ts → typed.ts} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "forstok-ui-lib",
3
- "version": "8.1.0",
3
+ "version": "8.2.0",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
package/src/assets/images/icons/arrow-down-grey.svg ADDED
@@ -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: #c7c7cc;">
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>
package/src/assets/images/icons/checkmark-x.svg ADDED
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.4, 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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ viewBox="0 0 700 700" enable-background="new 0 0 700 700" xml:space="preserve">
6
+ <path fill="#fc5c64" d="M488.94,350.667l163.909-163.89c37.043-37.052,37.043-97.118,0-134.16
7
+ c-37.043-37.034-97.107-37.034-134.142,0L354.809,216.517L190.909,52.617c-37.033-37.034-97.117-37.034-134.151,0
8
+ c-37.042,37.042-37.042,97.108,0,134.16l163.9,163.89l-163.9,163.89c-37.042,37.052-37.042,97.118,0,134.161
9
+ c18.526,18.517,42.792,27.774,67.075,27.774c24.275,0,48.559-9.258,67.076-27.774l163.899-163.909l163.899,163.909
10
+ c18.518,18.517,42.782,27.774,67.066,27.774c24.283,0,48.559-9.258,67.075-27.774c37.043-37.043,37.043-97.109,0-134.161
11
+ L488.94,350.667z"/>
12
+ </svg>
package/src/assets/images/icons/info.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="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.25 11C10.25 10.4477 10.6977 10 11.25 10H12.75C13.3023 10 13.75 10.4477 13.75 11V18C13.75 18.5523 13.3023 19 12.75 19H11.25C10.6977 19 10.25 18.5523 10.25 18V11ZM14 7C14 5.89543 13.1046 5 12 5C10.8954 5 10 5.89543 10 7C10 8.10457 10.8954 9 12 9C13.1046 9 14 8.10457 14 7Z" fill="#758CA3"/>
4
+ </svg>
package/src/assets/images/icons/link-green.svg ADDED
@@ -0,0 +1,12 @@
1
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
2
+
3
+ <!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
4
+ <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#000000">
5
+
6
+ <g id="SVGRepo_bgCarrier" stroke-width="0"/>
7
+
8
+ <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
9
+
10
+ <g id="SVGRepo_iconCarrier"> <path d="M14 10L10 14" stroke="#2DB84C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 13L18 11C19.3807 9.61929 19.3807 7.38071 18 6V6C16.6193 4.61929 14.3807 4.61929 13 6L11 8M8 11L6 13C4.61929 14.3807 4.61929 16.6193 6 18V18C7.38071 19.3807 9.61929 19.3807 11 18L13 16" stroke="#2DB84C" stroke-width="2" stroke-linecap="round"/> </g>
11
+
12
+ </svg>
package/src/assets/images/icons/reload.svg ADDED
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
2
+ <svg fill="#429ddf" width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M14.66 15.66A8 8 0 1 1 17 10h-2a6 6 0 1 0-1.76 4.24l1.42 1.42zM12 10h8l-4 4-4-4z"/></svg>
package/src/components/icon/index.tsx CHANGED
@@ -1,11 +1,12 @@
1
1
  import type { HTMLAttributes } from 'react';
2
2
  import LoadingComponent from '../loading';
3
3
  import { IconContainer } from './styles';
4
+ import { IconMode, IconName } from './typed';
4
5
 
5
6
  type TIcon = HTMLAttributes<HTMLElement> & {
6
- $mode?: string
7
+ $mode?: IconMode
7
8
  $isLoading?: boolean
8
- $name: string
9
+ $name: IconName
9
10
  $width?: string | number
10
11
  };
11
12