@liner-fe/icon 0.0.5 → 0.0.6

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 (83) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/assets/ai/index.tsx +8 -8
  3. package/assets/airplane/index.tsx +4 -4
  4. package/assets/android/index.tsx +4 -4
  5. package/assets/arrow-back/index.tsx +4 -4
  6. package/assets/arrow-backward/index.tsx +4 -4
  7. package/assets/arrow-down/index.tsx +4 -4
  8. package/assets/arrow-downward/index.tsx +4 -4
  9. package/assets/arrow-drop-right/index.tsx +4 -4
  10. package/assets/arrow-forward/index.tsx +4 -4
  11. package/assets/arrow-left/index.tsx +4 -4
  12. package/assets/arrow-right/index.tsx +3 -3
  13. package/assets/arrow-up/index.tsx +3 -3
  14. package/assets/arrow-up-down/index.tsx +8 -8
  15. package/assets/arrow-up-right/index.tsx +4 -4
  16. package/assets/arrow-upward/index.tsx +4 -4
  17. package/assets/balance/index.tsx +12 -12
  18. package/assets/bell/index.tsx +8 -8
  19. package/assets/bolt/index.tsx +4 -4
  20. package/assets/bookmark-cancel/index.tsx +6 -6
  21. package/assets/books/index.tsx +12 -12
  22. package/assets/brain/index.tsx +2 -2
  23. package/assets/car/index.tsx +4 -4
  24. package/assets/chart-line-uptrend/index.tsx +0 -7
  25. package/assets/check-mark/index.tsx +2 -2
  26. package/assets/check-mark-fill/index.tsx +4 -4
  27. package/assets/close/index.tsx +2 -2
  28. package/assets/close-fill/index.tsx +4 -4
  29. package/assets/color-docx/index.tsx +52 -0
  30. package/assets/color-facebook/index.tsx +32 -0
  31. package/assets/color-fire/index.tsx +36 -0
  32. package/assets/color-google/index.tsx +44 -0
  33. package/assets/color-liner/index.tsx +32 -0
  34. package/assets/color-liner-variation/index.tsx +60 -0
  35. package/assets/color-pdf/index.tsx +48 -0
  36. package/assets/color-txt/index.tsx +48 -0
  37. package/assets/dark-mode/index.tsx +4 -4
  38. package/assets/double-arrow-backward/index.tsx +8 -8
  39. package/assets/{lds-pri-icon-s-double-arrow-forward → double-arrow-forward}/index.tsx +2 -2
  40. package/assets/drop-down/index.tsx +3 -3
  41. package/assets/drop-up/index.tsx +4 -4
  42. package/assets/end/index.tsx +4 -4
  43. package/assets/essay/index.tsx +7 -7
  44. package/assets/extend/index.tsx +4 -4
  45. package/assets/folder-open/index.tsx +0 -14
  46. package/assets/folder-open-share/index.tsx +3 -3
  47. package/assets/google-export/index.tsx +12 -12
  48. package/assets/graduationcap/index.tsx +3 -3
  49. package/assets/hide-all/index.tsx +4 -84
  50. package/assets/highlight-edit/index.tsx +8 -8
  51. package/assets/highlighter/index.tsx +4 -4
  52. package/assets/home/index.tsx +4 -4
  53. package/assets/liner/index.tsx +4 -4
  54. package/assets/link/index.tsx +2 -2
  55. package/assets/literature-review/index.tsx +4 -4
  56. package/assets/magic-wand/index.tsx +16 -16
  57. package/assets/make-easy/index.tsx +20 -20
  58. package/assets/members/index.tsx +2 -2
  59. package/assets/minus/index.tsx +1 -9
  60. package/assets/new-chrome-extension/index.tsx +4 -4
  61. package/assets/paperclip/index.tsx +4 -11
  62. package/assets/pencil/index.tsx +5 -5
  63. package/assets/plus/index.tsx +2 -2
  64. package/assets/question-box/index.tsx +8 -8
  65. package/assets/restaurant/index.tsx +3 -3
  66. package/assets/retry/index.tsx +4 -4
  67. package/assets/rocket/index.tsx +8 -8
  68. package/assets/search/index.tsx +4 -4
  69. package/assets/send/index.tsx +4 -4
  70. package/assets/setting/index.tsx +8 -8
  71. package/assets/shield/index.tsx +4 -18
  72. package/assets/shorten/index.tsx +8 -8
  73. package/assets/sign-out/index.tsx +8 -8
  74. package/assets/source/index.tsx +16 -16
  75. package/assets/spinner/index.tsx +8 -8
  76. package/assets/stack/index.tsx +9 -9
  77. package/assets/step/index.tsx +8 -8
  78. package/assets/summarize/index.tsx +2 -1
  79. package/assets/thumb-down/index.tsx +6 -6
  80. package/assets/verification-badge/index.tsx +3 -3
  81. package/assets/visibility-off/index.tsx +5 -5
  82. package/index.tsx +41 -25
  83. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @liner-fe/icon
2
2
 
3
+ ## 0.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - 7dd4b4a: Update Icon
8
+
3
9
  ## 0.0.5
4
10
 
5
11
  ### Patch Changes
package/assets/ai/index.tsx CHANGED
@@ -17,10 +17,10 @@ export const Ai = ({ fill = false, thick = false, size = 24, color = 'neutral-la
17
17
  ;
18
18
  } else if (fill) {
19
19
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
20
- <path d="M37.9703 4.30343C37.8114 3.86305 37.1886 3.86305 37.0297 4.30343L35.591 8.29044C35.5405 8.43037 35.4303 8.54055 35.2904 8.59105L31.3034 10.0298C30.863 10.1887 30.863 10.8115 31.3034 10.9704L35.2904 12.4091C35.4303 12.4596 35.5405 12.5698 35.591 12.7097L37.0297 16.6967C37.1886 17.1371 37.8114 17.1371 37.9703 16.6967L39.409 12.7097C39.4595 12.5698 39.5697 12.4596 39.7096 12.4091L43.6967 10.9704C44.137 10.8115 44.137 10.1887 43.6967 10.0298L39.7096 8.59105C39.5697 8.54055 39.4595 8.43037 39.409 8.29044L37.9703 4.30343Z" style={{ fill: `var(--${color})` }}/>
21
- <path d="M23.1723 26.8812H19.4378L21.3315 22.0358L23.1723 26.8812Z" style={{ fill: `var(--${color})` }}/>
22
- <path fillRule="evenodd" clipRule="evenodd" d="M41.4418 14.4418L42.5 14.06V39C42.5 40.933 40.933 42.5 39 42.5H9C7.067 42.5 5.5 40.933 5.5 39V9C5.5 7.067 7.067 5.5 9 5.5H33.9401L33.5582 6.5583L30.4548 7.67818C27.8125 8.63165 27.8125 12.3685 30.4548 13.322L33.5582 14.4418L34.6781 17.5453C35.6316 20.1876 39.3684 20.1876 40.3219 17.5453L41.4418 14.4418ZM24.2303 29.6318L25.1824 32.1708H28.6736L22.6222 17H20.0303L14 32.1708H17.4066L18.3799 29.6318H24.2303ZM33.3218 17H30.1162V32.1708H33.3218V17Z" style={{ fill: `var(--${color})` }}/>
23
- <path d="M41.5425 6.59465C41.4981 6.54771 41.4524 6.502 41.4054 6.45757L41.4418 6.5583L41.5425 6.59465Z" style={{ fill: `var(--${color})` }}/>
20
+ <path d="M37.9703 4.30294C37.8114 3.86256 37.1886 3.86256 37.0297 4.30294L35.591 8.28995C35.5405 8.42988 35.4303 8.54006 35.2904 8.59056L31.3034 10.0293C30.863 10.1882 30.863 10.811 31.3034 10.9699L35.2904 12.4086C35.4303 12.4591 35.5405 12.5693 35.591 12.7092L37.0297 16.6962C37.1886 17.1366 37.8114 17.1366 37.9703 16.6962L39.409 12.7092C39.4595 12.5693 39.5697 12.4591 39.7096 12.4086L43.6967 10.9699C44.137 10.811 44.137 10.1882 43.6967 10.0293L39.7096 8.59056C39.5697 8.54006 39.4595 8.42988 39.409 8.28995L37.9703 4.30294Z" style={{ fill: `var(--${color})` }}/>
21
+ <path d="M23.1723 26.8807H19.4378L21.3315 22.0353L23.1723 26.8807Z" style={{ fill: `var(--${color})` }}/>
22
+ <path fillRule="evenodd" clipRule="evenodd" d="M41.4418 14.4414L42.5 14.0595V38.9995C42.5 40.9325 40.933 42.4995 39 42.4995H9C7.067 42.4995 5.5 40.9325 5.5 38.9995V8.99951C5.5 7.06651 7.067 5.49951 9 5.49951H33.9401L33.5582 6.55781L30.4548 7.67769C27.8125 8.63116 27.8125 12.368 30.4548 13.3215L33.5582 14.4414L34.6781 17.5448C35.6316 20.1871 39.3684 20.1871 40.3219 17.5448L41.4418 14.4414ZM24.2303 29.6313L25.1824 32.1704H28.6736L22.6222 16.9995H20.0303L14 32.1704H17.4066L18.3799 29.6313H24.2303ZM33.3218 16.9995H30.1162V32.1704H33.3218V16.9995Z" style={{ fill: `var(--${color})` }}/>
23
+ <path d="M41.5425 6.59416C41.4981 6.54722 41.4524 6.50151 41.4054 6.45709L41.4418 6.55781L41.5425 6.59416Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  } else if (thick) {
@@ -34,10 +34,10 @@ export const Ai = ({ fill = false, thick = false, size = 24, color = 'neutral-la
34
34
  }
35
35
 
36
36
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
37
- <path d="M37.0297 4.30343C37.1886 3.86305 37.8114 3.86305 37.9703 4.30343L39.409 8.29044C39.4595 8.43037 39.5697 8.54055 39.7096 8.59104L43.6966 10.0298C44.137 10.1887 44.137 10.8115 43.6966 10.9704L39.7096 12.4091C39.5697 12.4596 39.4595 12.5698 39.409 12.7097L37.9703 16.6967C37.8114 17.1371 37.1886 17.1371 37.0297 16.6967L35.591 12.7097C35.5405 12.5698 35.4303 12.4596 35.2904 12.4091L31.3034 10.9704C30.863 10.8115 30.863 10.1887 31.3034 10.0298L35.2904 8.59105C35.4303 8.54055 35.5405 8.43037 35.591 8.29044L37.0297 4.30343Z" style={{ fill: `var(--${color})` }}/>
38
- <path fillRule="evenodd" clipRule="evenodd" d="M24.2303 29.6319L25.1824 32.1709H28.6736L22.6222 17.0001H20.0303L14 32.1709H17.4066L18.3799 29.6319H24.2303ZM23.1723 26.8812H19.4378L21.3315 22.0359L23.1723 26.8812Z" style={{ fill: `var(--${color})` }}/>
39
- <path d="M33.3218 17.0001H30.1162V32.1709H33.3218V17.0001Z" style={{ fill: `var(--${color})` }}/>
40
- <path d="M8.5 9.00007C8.5 8.72393 8.72386 8.50007 9 8.50007H30V5.50007H9C7.067 5.50007 5.5 7.06708 5.5 9.00007V39.0001C5.5 40.9331 7.067 42.5001 9 42.5001H39C40.933 42.5001 42.5 40.9331 42.5 39.0001V18.0001H39.5V39.0001C39.5 39.2762 39.2761 39.5001 39 39.5001H9C8.72386 39.5001 8.5 39.2762 8.5 39.0001V9.00007Z" style={{ fill: `var(--${color})` }}/>
37
+ <path d="M37.0297 4.30294C37.1886 3.86256 37.8114 3.86256 37.9703 4.30294L39.409 8.28995C39.4595 8.42988 39.5697 8.54006 39.7096 8.59056L43.6966 10.0293C44.137 10.1882 44.137 10.811 43.6966 10.9699L39.7096 12.4086C39.5697 12.4591 39.4595 12.5693 39.409 12.7092L37.9703 16.6962C37.8114 17.1366 37.1886 17.1366 37.0297 16.6962L35.591 12.7092C35.5405 12.5693 35.4303 12.4591 35.2904 12.4086L31.3034 10.9699C30.863 10.811 30.863 10.1882 31.3034 10.0293L35.2904 8.59056C35.4303 8.54006 35.5405 8.42988 35.591 8.28995L37.0297 4.30294Z" style={{ fill: `var(--${color})` }}/>
38
+ <path fillRule="evenodd" clipRule="evenodd" d="M24.2303 29.6314L25.1824 32.1704H28.6736L22.6222 16.9996H20.0303L14 32.1704H17.4066L18.3799 29.6314H24.2303ZM23.1723 26.8807H19.4378L21.3315 22.0354L23.1723 26.8807Z" style={{ fill: `var(--${color})` }}/>
39
+ <path d="M33.3218 16.9996H30.1162V32.1704H33.3218V16.9996Z" style={{ fill: `var(--${color})` }}/>
40
+ <path d="M8.5 8.99959C8.5 8.72344 8.72386 8.49959 9 8.49959H30V5.49959H9C7.067 5.49959 5.5 7.06659 5.5 8.99959V38.9996C5.5 40.9326 7.067 42.4996 9 42.4996H39C40.933 42.4996 42.5 40.9326 42.5 38.9996V17.9996H39.5V38.9996C39.5 39.2757 39.2761 39.4996 39 39.4996H9C8.72386 39.4996 8.5 39.2757 8.5 38.9996V8.99959Z" style={{ fill: `var(--${color})` }}/>
41
41
  </svg>
42
42
  ;
43
43
  };
package/assets/airplane/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface AirplaneProps {
10
10
  export const Airplane = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: AirplaneProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path fillRule="evenodd" clipRule="evenodd" d="M15.2259 29.1971L11.6505 29.1748L9.82398 31.0072L13.8584 33.2268C14.6895 33.6841 15.3734 34.3684 15.8302 35.1998L18.0159 39.1776L19.8393 37.3483L19.8286 33.7849L26.7364 26.8675L30.8162 39.42L33.6986 36.5406L31.6161 21.9781L38.6703 14.9183L39.2588 10.8723C39.355 10.2106 38.7873 9.64272 38.1255 9.73877L34.0708 10.3273L26.9953 17.4086L12.4646 15.335L9.58685 18.2097L22.1342 22.2793L15.2259 29.1971ZM25.9337 14.2267L12.3939 12.2945C11.7712 12.2056 11.1429 12.4149 10.6979 12.8595L6.31077 17.242C5.25357 18.2981 5.68579 20.0983 7.10722 20.5594L16.5528 23.6229L13.9899 26.1894L11.2504 26.1722C10.7145 26.1689 10.1997 26.3807 9.82138 26.7603L6.76088 29.8307C5.82137 30.7733 6.0473 32.3534 7.21331 32.9949L12.4122 35.8553C12.7447 36.0382 13.0182 36.3119 13.201 36.6445L16.0293 41.7918C16.6717 42.9609 18.2569 43.1854 19.1986 42.2406L22.2571 39.1722C22.6322 38.7958 22.8422 38.2857 22.8406 37.7543L22.8323 35.0226L25.3975 32.4538L28.4671 41.8982C28.9286 43.318 30.7265 43.75 31.7827 42.695L36.1729 38.3093C36.6186 37.8641 36.8285 37.2349 36.7393 36.6112L34.7982 23.0379L41.0269 16.8041C41.3313 16.4994 41.5293 16.1046 41.5913 15.6784L42.2275 11.3042C42.6125 8.65736 40.3415 6.38569 37.6946 6.76988L33.311 7.40616C32.884 7.46814 32.4885 7.66655 32.1835 7.97178L25.9337 14.2267Z" style={{ fill: `var(--${color})` }}/>
13
+ <path fillRule="evenodd" clipRule="evenodd" d="M15.226 29.1964L11.6505 29.1741L9.82404 31.0065L13.8584 33.2261C14.6895 33.6834 15.3734 34.3677 15.8303 35.199L18.016 39.1769L19.8394 37.3475L19.8286 33.7842L26.7364 26.8668L30.8162 39.4193L33.6987 36.5398L31.6162 21.9774L38.6703 14.9176L39.2588 10.8716C39.3551 10.2099 38.7873 9.64199 38.1256 9.73804L34.0709 10.3266L26.9954 17.4079L12.4647 15.3342L9.58691 18.209L22.1343 22.2785L15.226 29.1964ZM25.9337 14.226L12.394 12.2937C11.7712 12.2049 11.143 12.4142 10.6979 12.8587L6.31083 17.2412C5.25363 18.2973 5.68585 20.0976 7.10728 20.5586L16.5528 23.6221L13.9899 26.1886L11.2504 26.1715C10.7146 26.1682 10.1998 26.38 9.82144 26.7595L6.76094 29.83C5.82143 30.7726 6.04736 32.3527 7.21337 32.9942L12.4123 35.8546C12.7447 36.0375 13.0183 36.3112 13.201 36.6437L16.0294 41.7911C16.6718 42.9602 18.257 43.1847 19.1987 42.2399L22.2571 39.1715C22.6323 38.7951 22.8422 38.2849 22.8406 37.7535L22.8324 35.0218L25.3976 32.4531L28.4672 41.8975C28.9286 43.3172 30.7265 43.7493 31.7827 42.6942L36.1729 38.3086C36.6186 37.8634 36.8285 37.2341 36.7393 36.6105L34.7982 23.0371L41.0269 16.8034C41.3314 16.4987 41.5293 16.1039 41.5913 15.6776L42.2276 11.3034C42.6126 8.65663 40.3416 6.38495 37.6947 6.76915L33.3111 7.40542C32.8841 7.4674 32.4886 7.66582 32.1836 7.97104L25.9337 14.226Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path fillRule="evenodd" clipRule="evenodd" d="M15.2259 29.1971L11.6505 29.1748L9.82398 31.0072L13.8584 33.2268C14.6895 33.6841 15.3734 34.3684 15.8302 35.1998L18.0159 39.1776L19.8393 37.3483L19.8286 33.7849L26.7364 26.8675L30.8162 39.42L33.6986 36.5406L31.6161 21.9781L38.6703 14.9183L39.2588 10.8723C39.355 10.2106 38.7873 9.64272 38.1255 9.73877L34.0708 10.3273L26.9953 17.4086L12.4646 15.335L9.58685 18.2097L22.1342 22.2793L15.2259 29.1971ZM25.9337 14.2267L12.3939 12.2945C11.7712 12.2056 11.1429 12.4149 10.6979 12.8595L6.31077 17.242C5.25357 18.2981 5.68579 20.0983 7.10722 20.5594L16.5528 23.6229L13.9899 26.1894L11.2504 26.1722C10.7145 26.1689 10.1997 26.3807 9.82138 26.7603L6.76088 29.8307C5.82137 30.7733 6.0473 32.3534 7.21331 32.9949L12.4122 35.8553C12.7447 36.0382 13.0182 36.3119 13.201 36.6445L16.0293 41.7918C16.6717 42.9609 18.2569 43.1854 19.1986 42.2406L22.2571 39.1722C22.6322 38.7958 22.8422 38.2857 22.8406 37.7543L22.8323 35.0226L25.3975 32.4538L28.4671 41.8982C28.9286 43.318 30.7265 43.75 31.7827 42.695L36.1729 38.3093C36.6186 37.8641 36.8285 37.2349 36.7393 36.6112L34.7982 23.0379L41.0269 16.8041C41.3313 16.4994 41.5293 16.1046 41.5913 15.6784L42.2275 11.3042C42.6125 8.65736 40.3415 6.38569 37.6946 6.76988L33.311 7.40616C32.884 7.46814 32.4885 7.66655 32.1835 7.97178L25.9337 14.2267Z" style={{ fill: `var(--${color})` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M15.226 29.1964L11.6505 29.1741L9.82404 31.0065L13.8584 33.2261C14.6895 33.6834 15.3734 34.3677 15.8303 35.199L18.016 39.1769L19.8394 37.3475L19.8286 33.7842L26.7364 26.8668L30.8162 39.4193L33.6987 36.5398L31.6162 21.9774L38.6703 14.9176L39.2588 10.8716C39.3551 10.2099 38.7873 9.64199 38.1256 9.73804L34.0709 10.3266L26.9954 17.4079L12.4647 15.3342L9.58691 18.209L22.1343 22.2785L15.226 29.1964ZM25.9337 14.226L12.394 12.2937C11.7712 12.2049 11.143 12.4142 10.6979 12.8587L6.31083 17.2412C5.25363 18.2973 5.68585 20.0976 7.10728 20.5586L16.5528 23.6221L13.9899 26.1886L11.2504 26.1715C10.7146 26.1682 10.1998 26.38 9.82144 26.7595L6.76094 29.83C5.82143 30.7726 6.04736 32.3527 7.21337 32.9942L12.4123 35.8546C12.7447 36.0375 13.0183 36.3112 13.201 36.6437L16.0294 41.7911C16.6718 42.9602 18.257 43.1847 19.1987 42.2399L22.2571 39.1715C22.6323 38.7951 22.8422 38.2849 22.8406 37.7535L22.8324 35.0218L25.3976 32.4531L28.4672 41.8975C28.9286 43.3172 30.7265 43.7493 31.7827 42.6942L36.1729 38.3086C36.6186 37.8634 36.8285 37.2341 36.7393 36.6105L34.7982 23.0371L41.0269 16.8034C41.3314 16.4987 41.5293 16.1039 41.5913 15.6776L42.2276 11.3034C42.6126 8.65663 40.3416 6.38495 37.6947 6.76915L33.3111 7.40542C32.8841 7.4674 32.4886 7.66582 32.1836 7.97104L25.9337 14.226Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path fillRule="evenodd" clipRule="evenodd" d="M15.638 30.1997L12.063 30.1774L11.4706 30.7718L14.3404 32.3507C15.3378 32.8994 16.1584 33.7205 16.7066 34.7182L18.2497 37.5265L18.8381 36.9363L18.8273 33.3723L27.1827 25.0054L31.2631 37.56L32.6379 36.1867L30.5554 21.6249L37.7284 14.4461L38.2692 10.7284L34.5433 11.2692L27.3492 18.4692L12.8179 16.3955L11.4494 17.7626L23.9947 21.8314L15.638 30.1997ZM7.10722 20.5594C5.68579 20.0983 5.25357 18.2981 6.31077 17.242L10.6979 12.8595C11.1429 12.4149 11.7712 12.2056 12.3939 12.2945L25.9337 14.2267L32.1835 7.97178C32.4885 7.66655 32.884 7.46814 33.311 7.40616L37.6946 6.76988C40.3415 6.38569 42.6125 8.65736 42.2275 11.3042L41.5913 15.6784C41.5293 16.1046 41.3313 16.4994 41.0269 16.8041L34.7982 23.0379L36.7393 36.6112C36.8285 37.2349 36.6186 37.8641 36.1729 38.3093L31.7827 42.695C30.7265 43.75 28.9286 43.318 28.4671 41.8982L25.3975 32.4538L22.8323 35.0226L22.8406 37.7543C22.8422 38.2857 22.6322 38.7958 22.2571 39.1722L19.1986 42.2406C18.2569 43.1854 16.6717 42.9609 16.0293 41.7918L13.201 36.6445C13.0182 36.3119 12.7447 36.0382 12.4122 35.8553L7.21331 32.9949C6.0473 32.3534 5.82137 30.7733 6.76088 29.8307L9.82138 26.7603C10.1997 26.3807 10.7145 26.1689 11.2504 26.1722L13.9899 26.1894L16.5528 23.6229L7.10722 20.5594Z" style={{ fill: `var(--${color})` }}/>
23
+ <path fillRule="evenodd" clipRule="evenodd" d="M15.638 30.199L12.0631 30.1767L11.4706 30.771L14.3405 32.35C15.3378 32.8987 16.1585 33.7198 16.7067 34.7175L18.2498 37.5258L18.8381 36.9355L18.8274 33.3716L27.1827 25.0047L31.2632 37.5593L32.6379 36.186L30.5555 21.6242L37.7285 14.4454L38.2692 10.7277L34.5434 11.2685L27.3492 18.4685L12.818 16.3948L11.4495 17.7618L23.9947 21.8307L15.638 30.199ZM7.10728 20.5586C5.68585 20.0976 5.25363 18.2973 6.31083 17.2412L10.6979 12.8587C11.143 12.4142 11.7712 12.2049 12.394 12.2937L25.9337 14.226L32.1836 7.97104C32.4886 7.66582 32.8841 7.4674 33.3111 7.40542L37.6947 6.76915C40.3416 6.38495 42.6126 8.65663 42.2276 11.3034L41.5913 15.6776C41.5293 16.1039 41.3314 16.4987 41.0269 16.8034L34.7982 23.0371L36.7393 36.6105C36.8285 37.2341 36.6186 37.8634 36.1729 38.3086L31.7827 42.6942C30.7265 43.7493 28.9286 43.3172 28.4672 41.8975L25.3976 32.4531L22.8324 35.0218L22.8406 37.7535C22.8422 38.2849 22.6323 38.7951 22.2571 39.1715L19.1987 42.2399C18.257 43.1847 16.6718 42.9602 16.0294 41.7911L13.201 36.6437C13.0183 36.3112 12.7447 36.0375 12.4123 35.8546L7.21337 32.9942C6.04736 32.3527 5.82143 30.7726 6.76094 29.83L9.82144 26.7595C10.1998 26.38 10.7146 26.1682 11.2504 26.1715L13.9899 26.1886L16.5528 23.6221L7.10728 20.5586Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path fillRule="evenodd" clipRule="evenodd" d="M15.2259 29.1971L11.6505 29.1748L9.82398 31.0072L13.8584 33.2268C14.6895 33.6841 15.3734 34.3684 15.8302 35.1998L18.0159 39.1776L19.8393 37.3483L19.8286 33.7849L26.7364 26.8675L30.8162 39.42L33.6986 36.5406L31.6161 21.9781L38.6703 14.9183L39.2588 10.8723C39.355 10.2106 38.7873 9.64272 38.1255 9.73877L34.0708 10.3273L26.9953 17.4086L12.4646 15.335L9.58685 18.2097L22.1342 22.2793L15.2259 29.1971ZM25.9337 14.2267L12.3939 12.2945C11.7712 12.2056 11.1429 12.4149 10.6979 12.8595L6.31077 17.242C5.25357 18.2981 5.68579 20.0983 7.10722 20.5594L16.5528 23.6229L13.9899 26.1894L11.2504 26.1722C10.7145 26.1689 10.1997 26.3807 9.82138 26.7603L6.76088 29.8307C5.82137 30.7733 6.0473 32.3534 7.21331 32.9949L12.4122 35.8553C12.7447 36.0382 13.0182 36.3119 13.201 36.6445L16.0293 41.7918C16.6717 42.9609 18.2569 43.1854 19.1986 42.2406L22.2571 39.1722C22.6322 38.7958 22.8422 38.2857 22.8406 37.7543L22.8323 35.0226L25.3975 32.4538L28.4671 41.8982C28.9286 43.318 30.7265 43.75 31.7827 42.695L36.1729 38.3093C36.6186 37.8641 36.8285 37.2349 36.7393 36.6112L34.7982 23.0379L41.0269 16.8041C41.3313 16.4994 41.5293 16.1046 41.5913 15.6784L42.2275 11.3042C42.6125 8.65736 40.3415 6.38569 37.6946 6.76988L33.311 7.40616C32.884 7.46814 32.4885 7.66655 32.1835 7.97178L25.9337 14.2267Z" style={{ fill: `var(--${color})` }}/>
29
+ <path fillRule="evenodd" clipRule="evenodd" d="M15.226 29.1964L11.6505 29.1741L9.82404 31.0065L13.8584 33.2261C14.6895 33.6834 15.3734 34.3677 15.8303 35.199L18.016 39.1769L19.8394 37.3475L19.8286 33.7842L26.7364 26.8668L30.8162 39.4193L33.6987 36.5398L31.6162 21.9774L38.6703 14.9176L39.2588 10.8716C39.3551 10.2099 38.7873 9.64199 38.1256 9.73804L34.0709 10.3266L26.9954 17.4079L12.4647 15.3342L9.58691 18.209L22.1343 22.2785L15.226 29.1964ZM25.9337 14.226L12.394 12.2937C11.7712 12.2049 11.143 12.4142 10.6979 12.8587L6.31083 17.2412C5.25363 18.2973 5.68585 20.0976 7.10728 20.5586L16.5528 23.6221L13.9899 26.1886L11.2504 26.1715C10.7146 26.1682 10.1998 26.38 9.82144 26.7595L6.76094 29.83C5.82143 30.7726 6.04736 32.3527 7.21337 32.9942L12.4123 35.8546C12.7447 36.0375 13.0183 36.3112 13.201 36.6437L16.0294 41.7911C16.6718 42.9602 18.257 43.1847 19.1987 42.2399L22.2571 39.1715C22.6323 38.7951 22.8422 38.2849 22.8406 37.7535L22.8324 35.0218L25.3976 32.4531L28.4672 41.8975C28.9286 43.3172 30.7265 43.7493 31.7827 42.6942L36.1729 38.3086C36.6186 37.8634 36.8285 37.2341 36.7393 36.6105L34.7982 23.0371L41.0269 16.8034C41.3314 16.4987 41.5293 16.1039 41.5913 15.6776L42.2276 11.3034C42.6126 8.65663 40.3416 6.38495 37.6947 6.76915L33.3111 7.40542C32.8841 7.4674 32.4886 7.66582 32.1836 7.97104L25.9337 14.226Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/android/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface AndroidProps {
10
10
  export const Android = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: AndroidProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M35.2 18.9595L38.88 12.5995C39.2 11.9795 38.96 11.2195 38.36 10.8995C37.78 10.5995 37.06 10.7795 36.7 11.3395L32.94 17.8195C27.22 15.3995 20.78 15.3995 15.06 17.8195L11.3 11.3395C10.92 10.7595 10.14 10.5795 9.56 10.9395C9 11.2995 8.82 12.0195 9.12 12.5995L12.8 18.9595C6.9141 22.3201 2.97489 28.2403 2.11174 34.9233C2.03703 35.5017 2.49855 35.9995 3.08174 35.9995H44.9183C45.5015 35.9995 45.963 35.5017 45.8883 34.9233C45.0251 28.2403 41.0859 22.3201 35.2 18.9595ZM14 30.4995C12.62 30.4995 11.5 29.3795 11.5 27.9995C11.5 26.6195 12.62 25.4995 14 25.4995C15.38 25.4995 16.5 26.6195 16.5 27.9995C16.5 29.3795 15.38 30.4995 14 30.4995ZM34 30.4995C32.62 30.4995 31.5 29.3795 31.5 27.9995C31.5 26.6195 32.62 25.4995 34 25.4995C35.38 25.4995 36.5 26.6195 36.5 27.9995C36.5 29.3795 35.38 30.4995 34 30.4995Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" style={{ fill: `var(--${color})` }}/>
18
+ <path d="M35.2 18.9595L38.88 12.5995C39.2 11.9795 38.96 11.2195 38.36 10.8995C37.78 10.5995 37.06 10.7795 36.7 11.3395L32.94 17.8195C27.22 15.3995 20.78 15.3995 15.06 17.8195L11.3 11.3395C10.92 10.7595 10.14 10.5795 9.56 10.9395C9 11.2995 8.82 12.0195 9.12 12.5995L12.8 18.9595C6.9141 22.3201 2.97489 28.2403 2.11174 34.9233C2.03703 35.5017 2.49855 35.9995 3.08174 35.9995H44.9183C45.5015 35.9995 45.963 35.5017 45.8883 34.9233C45.0251 28.2403 41.0859 22.3201 35.2 18.9595ZM14 30.4995C12.62 30.4995 11.5 29.3795 11.5 27.9995C11.5 26.6195 12.62 25.4995 14 25.4995C15.38 25.4995 16.5 26.6195 16.5 27.9995C16.5 29.3795 15.38 30.4995 14 30.4995ZM34 30.4995C32.62 30.4995 31.5 29.3795 31.5 27.9995C31.5 26.6195 32.62 25.4995 34 25.4995C35.38 25.4995 36.5 26.6195 36.5 27.9995C36.5 29.3795 35.38 30.4995 34 30.4995Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" style={{ fill: `var(--${color})` }}/>
23
+ <path d="M35.2 18.9595L38.88 12.5995C39.2 11.9795 38.96 11.2195 38.36 10.8995C37.78 10.5995 37.06 10.7795 36.7 11.3395L32.94 17.8195C27.22 15.3995 20.78 15.3995 15.06 17.8195L11.3 11.3395C10.92 10.7595 10.14 10.5795 9.56 10.9395C9 11.2995 8.82 12.0195 9.12 12.5995L12.8 18.9595C6.9141 22.3201 2.97489 28.2403 2.11174 34.9233C2.03703 35.5017 2.49855 35.9995 3.08174 35.9995H44.9183C45.5015 35.9995 45.963 35.5017 45.8883 34.9233C45.0251 28.2403 41.0859 22.3201 35.2 18.9595ZM14 30.4995C12.62 30.4995 11.5 29.3795 11.5 27.9995C11.5 26.6195 12.62 25.4995 14 25.4995C15.38 25.4995 16.5 26.6195 16.5 27.9995C16.5 29.3795 15.38 30.4995 14 30.4995ZM34 30.4995C32.62 30.4995 31.5 29.3795 31.5 27.9995C31.5 26.6195 32.62 25.4995 34 25.4995C35.38 25.4995 36.5 26.6195 36.5 27.9995C36.5 29.3795 35.38 30.4995 34 30.4995Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" style={{ fill: `var(--${color})` }}/>
29
+ <path d="M35.2 18.9595L38.88 12.5995C39.2 11.9795 38.96 11.2195 38.36 10.8995C37.78 10.5995 37.06 10.7795 36.7 11.3395L32.94 17.8195C27.22 15.3995 20.78 15.3995 15.06 17.8195L11.3 11.3395C10.92 10.7595 10.14 10.5795 9.56 10.9395C9 11.2995 8.82 12.0195 9.12 12.5995L12.8 18.9595C6.9141 22.3201 2.97489 28.2403 2.11174 34.9233C2.03703 35.5017 2.49855 35.9995 3.08174 35.9995H44.9183C45.5015 35.9995 45.963 35.5017 45.8883 34.9233C45.0251 28.2403 41.0859 22.3201 35.2 18.9595ZM14 30.4995C12.62 30.4995 11.5 29.3795 11.5 27.9995C11.5 26.6195 12.62 25.4995 14 25.4995C15.38 25.4995 16.5 26.6195 16.5 27.9995C16.5 29.3795 15.38 30.4995 14 30.4995ZM34 30.4995C32.62 30.4995 31.5 29.3795 31.5 27.9995C31.5 26.6195 32.62 25.4995 34 25.4995C35.38 25.4995 36.5 26.6195 36.5 27.9995C36.5 29.3795 35.38 30.4995 34 30.4995Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-back/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowBackProps {
10
10
  export const ArrowBack = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowBackProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path fillRule="evenodd" clipRule="evenodd" d="M30.0606 37.9392L16.475 24.3535C16.2797 24.1583 16.2797 23.8417 16.475 23.6464L30.0606 10.0608L27.9393 7.93945L14.3537 21.5251C12.9868 22.8919 12.9868 25.108 14.3537 26.4748L27.9393 40.0605L30.0606 37.9392Z" style={{ fill: `var(--${color})` }}/>
13
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.0607 37.9372L16.4751 24.3516C16.2798 24.1563 16.2798 23.8397 16.4751 23.6445L30.0607 10.0588L27.9394 7.9375L14.3537 21.5231C12.9869 22.89 12.9869 25.1061 14.3537 26.4729L27.9394 40.0585L30.0607 37.9372Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path fillRule="evenodd" clipRule="evenodd" d="M30.0606 37.9392L16.475 24.3535C16.2797 24.1583 16.2797 23.8417 16.475 23.6464L30.0606 10.0608L27.9393 7.93945L14.3537 21.5251C12.9868 22.8919 12.9868 25.108 14.3537 26.4748L27.9393 40.0605L30.0606 37.9392Z" style={{ fill: `var(--${color})` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.0607 37.9372L16.4751 24.3516C16.2798 24.1563 16.2798 23.8397 16.4751 23.6445L30.0607 10.0588L27.9394 7.9375L14.3537 21.5231C12.9869 22.89 12.9869 25.1061 14.3537 26.4729L27.9394 40.0585L30.0607 37.9372Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path fillRule="evenodd" clipRule="evenodd" d="M30.4142 10.4144L16.8286 24L30.4142 37.5857L27.5858 40.4141L14.0001 26.8284C12.438 25.2663 12.438 22.7337 14.0001 21.1716L27.5858 7.58594L30.4142 10.4144Z" style={{ fill: `var(--${color})` }}/>
23
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.4143 10.4144L16.8286 24L30.4143 37.5857L27.5858 40.4141L14.0002 26.8284C12.4381 25.2663 12.4381 22.7337 14.0002 21.1716L27.5858 7.58594L30.4143 10.4144Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path fillRule="evenodd" clipRule="evenodd" d="M30.0606 37.9392L16.475 24.3535C16.2797 24.1583 16.2797 23.8417 16.475 23.6464L30.0606 10.0608L27.9393 7.93945L14.3537 21.5251C12.9868 22.8919 12.9868 25.108 14.3537 26.4748L27.9393 40.0605L30.0606 37.9392Z" style={{ fill: `var(--${color})` }}/>
29
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.0607 37.9372L16.4751 24.3516C16.2798 24.1563 16.2798 23.8397 16.4751 23.6445L30.0607 10.0588L27.9394 7.9375L14.3537 21.5231C12.9869 22.89 12.9869 25.1061 14.3537 26.4729L27.9394 40.0585L30.0607 37.9372Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-backward/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowBackwardProps {
10
10
  export const ArrowBackward = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowBackwardProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" style={{ fill: `var(--${color})` }}/>
13
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0588L19.4748 23.6445C19.2796 23.8397 19.2796 24.1563 19.4748 24.3516L30.0605 34.9372L27.9391 37.0585L17.3535 26.4729C15.9867 25.1061 15.9867 22.89 17.3535 21.5231L27.9391 10.9375L30.0605 13.0588Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" style={{ fill: `var(--${color})` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0588L19.4748 23.6445C19.2796 23.8397 19.2796 24.1563 19.4748 24.3516L30.0605 34.9372L27.9391 37.0585L17.3535 26.4729C15.9867 25.1061 15.9867 22.89 17.3535 21.5231L27.9391 10.9375L30.0605 13.0588Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" style={{ fill: `var(--${color})` }}/>
23
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0588L19.4748 23.6445C19.2796 23.8397 19.2796 24.1563 19.4748 24.3516L30.0605 34.9372L27.9391 37.0585L17.3535 26.4729C15.9867 25.1061 15.9867 22.89 17.3535 21.5231L27.9391 10.9375L30.0605 13.0588Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" style={{ fill: `var(--${color})` }}/>
29
+ <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0588L19.4748 23.6445C19.2796 23.8397 19.2796 24.1563 19.4748 24.3516L30.0605 34.9372L27.9391 37.0585L17.3535 26.4729C15.9867 25.1061 15.9867 22.89 17.3535 21.5231L27.9391 10.9375L30.0605 13.0588Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-down/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowDownProps {
10
10
  export const ArrowDown = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowDownProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M25.501 36.379L25.501 7H22.501L22.501 36.3797L11.4835 25.3622L9.36218 27.4835L21.5258 39.6471C22.8926 41.0139 25.1087 41.0139 26.4755 39.6471L38.6391 27.4835L36.5178 25.3622L25.501 36.379Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M25.5011 36.379L25.5011 7H22.5011L22.5011 36.3797L11.4836 25.3622L9.3623 27.4835L21.5259 39.6471C22.8927 41.0139 25.1088 41.0139 26.4756 39.6471L38.6392 27.4835L36.5179 25.3622L25.5011 36.379Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path d="M25.501 36.379L25.501 7H22.501L22.501 36.3797L11.4835 25.3622L9.36218 27.4835L21.5258 39.6471C22.8926 41.0139 25.1087 41.0139 26.4755 39.6471L38.6391 27.4835L36.5178 25.3622L25.501 36.379Z" style={{ fill: `var(--${color})` }}/>
18
+ <path d="M25.5011 36.379L25.5011 7H22.5011L22.5011 36.3797L11.4836 25.3622L9.3623 27.4835L21.5259 39.6471C22.8927 41.0139 25.1088 41.0139 26.4756 39.6471L38.6392 27.4835L36.5179 25.3622L25.5011 36.379Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path d="M26.001 35.1719L26.001 7H22.001L22.001 35.1726L11.8371 25.0086L9.00864 27.8371L21.1722 40.0006C22.7343 41.5627 25.267 41.5627 26.8291 40.0006L38.9927 27.8371L36.1642 25.0086L26.001 35.1719Z" style={{ fill: `var(--${color})` }}/>
23
+ <path d="M26.0009 35.1719L26.0009 7H22.0009L22.0009 35.1726L11.837 25.0086L9.00854 27.8371L21.1721 40.0006C22.7342 41.5627 25.2669 41.5627 26.829 40.0006L38.9926 27.8371L36.1641 25.0086L26.0009 35.1719Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path d="M25.501 36.379L25.501 7H22.501L22.501 36.3797L11.4835 25.3622L9.36218 27.4835L21.5258 39.6471C22.8926 41.0139 25.1087 41.0139 26.4755 39.6471L38.6391 27.4835L36.5178 25.3622L25.501 36.379Z" style={{ fill: `var(--${color})` }}/>
29
+ <path d="M25.5011 36.379L25.5011 7H22.5011L22.5011 36.3797L11.4836 25.3622L9.3623 27.4835L21.5259 39.6471C22.8927 41.0139 25.1088 41.0139 26.4756 39.6471L38.6392 27.4835L36.5179 25.3622L25.5011 36.379Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-downward/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowDownwardProps {
10
10
  export const ArrowDownward = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowDownwardProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path fillRule="evenodd" clipRule="evenodd" d="M10.0607 17.9395L23.6463 31.5251C23.8416 31.7204 24.1581 31.7204 24.3534 31.5251L37.9391 17.9395L40.0604 20.0608L26.4747 33.6464C25.1079 35.0133 22.8918 35.0133 21.525 33.6464L7.93933 20.0608L10.0607 17.9395Z" style={{ fill: `var(--${color})` }}/>
13
+ <path fillRule="evenodd" clipRule="evenodd" d="M10.0608 17.9375L23.6464 31.5231C23.8417 31.7184 24.1583 31.7184 24.3535 31.5232L37.9392 17.9375L40.0605 20.0588L26.4748 33.6445C25.108 35.0113 22.8919 35.0113 21.5251 33.6445L7.93945 20.0588L10.0608 17.9375Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path fillRule="evenodd" clipRule="evenodd" d="M10.0607 17.9395L23.6463 31.5251C23.8416 31.7204 24.1581 31.7204 24.3534 31.5251L37.9391 17.9395L40.0604 20.0608L26.4747 33.6464C25.1079 35.0133 22.8918 35.0133 21.525 33.6464L7.93933 20.0608L10.0607 17.9395Z" style={{ fill: `var(--${color})` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M10.0608 17.9375L23.6464 31.5231C23.8417 31.7184 24.1583 31.7184 24.3535 31.5232L37.9392 17.9375L40.0605 20.0588L26.4748 33.6445C25.108 35.0113 22.8919 35.0113 21.5251 33.6445L7.93945 20.0588L10.0608 17.9375Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path fillRule="evenodd" clipRule="evenodd" d="M10.4142 17.5859L23.9999 31.1716L37.5855 17.5859L40.4139 20.4144L26.8283 34C25.2662 35.5621 22.7335 35.5621 21.1714 34L7.58578 20.4144L10.4142 17.5859Z" style={{ fill: `var(--${color})` }}/>
23
+ <path fillRule="evenodd" clipRule="evenodd" d="M10.4141 17.5859L23.9998 31.1716L37.5854 17.5859L40.4138 20.4144L26.8282 34C25.2661 35.5621 22.7334 35.5621 21.1713 34L7.58569 20.4144L10.4141 17.5859Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path fillRule="evenodd" clipRule="evenodd" d="M10.0607 17.9395L23.6463 31.5251C23.8416 31.7204 24.1581 31.7204 24.3534 31.5251L37.9391 17.9395L40.0604 20.0608L26.4747 33.6464C25.1079 35.0133 22.8918 35.0133 21.525 33.6464L7.93933 20.0608L10.0607 17.9395Z" style={{ fill: `var(--${color})` }}/>
29
+ <path fillRule="evenodd" clipRule="evenodd" d="M10.0608 17.9375L23.6464 31.5231C23.8417 31.7184 24.1583 31.7184 24.3535 31.5232L37.9392 17.9375L40.0605 20.0588L26.4748 33.6445C25.108 35.0113 22.8919 35.0113 21.5251 33.6445L7.93945 20.0588L10.0608 17.9375Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-drop-right/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowDropRightProps {
10
10
  export const ArrowDropRight = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowDropRightProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M17 12.5001L17 35.6716C17 36.5625 18.0771 37.0087 18.7071 36.3787L29.5858 25.5001C30.3668 24.719 30.3668 23.4527 29.5858 22.6716L18.7071 11.7929C18.0771 11.163 17 11.6091 17 12.5001Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M17 12.502L17 35.6736C17 36.5645 18.0771 37.0107 18.7071 36.3807L29.5858 25.502C30.3668 24.721 30.3668 23.4546 29.5858 22.6736L18.7071 11.7949C18.0771 11.1649 17 11.6111 17 12.502Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9392L28.5249 24.3535C28.7201 24.1583 28.7201 23.8417 28.5249 23.6464L17.9392 13.0608L20.0605 10.9395L30.6462 21.5251C32.013 22.8919 32.013 25.108 30.6462 26.4748L20.0605 37.0605L17.9392 34.9392Z" style={{ fill: `var(--${color})` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9372L28.5249 24.3516C28.7201 24.1563 28.7201 23.8397 28.5249 23.6445L17.9392 13.0588L20.0605 10.9375L30.6462 21.5231C32.013 22.89 32.013 25.1061 30.6462 26.4729L20.0605 37.0585L17.9392 34.9372Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9392L28.5249 24.3535C28.7201 24.1583 28.7201 23.8417 28.5249 23.6464L17.9392 13.0608L20.0605 10.9395L30.6462 21.5251C32.013 22.8919 32.013 25.108 30.6462 26.4748L20.0605 37.0605L17.9392 34.9392Z" style={{ fill: `var(--${color})` }}/>
23
+ <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9372L28.5249 24.3516C28.7201 24.1563 28.7201 23.8397 28.5249 23.6445L17.9392 13.0588L20.0605 10.9375L30.6462 21.5231C32.013 22.89 32.013 25.1061 30.6462 26.4729L20.0605 37.0585L17.9392 34.9372Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9392L28.5249 24.3535C28.7201 24.1583 28.7201 23.8417 28.5249 23.6464L17.9392 13.0608L20.0605 10.9395L30.6462 21.5251C32.013 22.8919 32.013 25.108 30.6462 26.4748L20.0605 37.0605L17.9392 34.9392Z" style={{ fill: `var(--${color})` }}/>
29
+ <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9372L28.5249 24.3516C28.7201 24.1563 28.7201 23.8397 28.5249 23.6445L17.9392 13.0588L20.0605 10.9375L30.6462 21.5231C32.013 22.89 32.013 25.1061 30.6462 26.4729L20.0605 37.0585L17.9392 34.9372Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-forward/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowForwardProps {
10
10
  export const ArrowForward = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowForwardProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9392L31.5249 24.3535C31.7201 24.1583 31.7201 23.8417 31.5249 23.6464L17.9392 10.0608L20.0605 7.93945L33.6462 21.5251C35.013 22.8919 35.013 25.108 33.6462 26.4748L20.0605 40.0605L17.9392 37.9392Z" style={{ fill: `var(--${color})` }}/>
13
+ <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9372L31.5249 24.3516C31.7201 24.1563 31.7201 23.8397 31.5249 23.6445L17.9392 10.0588L20.0605 7.9375L33.6462 21.5231C35.013 22.89 35.013 25.1061 33.6462 26.4729L20.0605 40.0585L17.9392 37.9372Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9392L31.5249 24.3535C31.7201 24.1583 31.7201 23.8417 31.5249 23.6464L17.9392 10.0608L20.0605 7.93945L33.6462 21.5251C35.013 22.8919 35.013 25.108 33.6462 26.4748L20.0605 40.0605L17.9392 37.9392Z" style={{ fill: `var(--${color})` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9372L31.5249 24.3516C31.7201 24.1563 31.7201 23.8397 31.5249 23.6445L17.9392 10.0588L20.0605 7.9375L33.6462 21.5231C35.013 22.89 35.013 25.1061 33.6462 26.4729L20.0605 40.0585L17.9392 37.9372Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path fillRule="evenodd" clipRule="evenodd" d="M17.5857 37.5857L31.1713 24L17.5857 10.4144L20.4141 7.58594L33.9997 21.1716C35.5618 22.7337 35.5618 25.2663 33.9997 26.8284L20.4141 40.4141L17.5857 37.5857Z" style={{ fill: `var(--${color})` }}/>
23
+ <path fillRule="evenodd" clipRule="evenodd" d="M17.5857 37.5857L31.1713 24L17.5857 10.4144L20.4141 7.58594L33.9998 21.1716C35.5619 22.7337 35.5619 25.2663 33.9998 26.8284L20.4141 40.4141L17.5857 37.5857Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9392L31.5249 24.3535C31.7201 24.1583 31.7201 23.8417 31.5249 23.6464L17.9392 10.0608L20.0605 7.93945L33.6462 21.5251C35.013 22.8919 35.013 25.108 33.6462 26.4748L20.0605 40.0605L17.9392 37.9392Z" style={{ fill: `var(--${color})` }}/>
29
+ <path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9372L31.5249 24.3516C31.7201 24.1563 31.7201 23.8397 31.5249 23.6445L17.9392 10.0588L20.0605 7.9375L33.6462 21.5231C35.013 22.89 35.013 25.1061 33.6462 26.4729L20.0605 40.0585L17.9392 37.9372Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-left/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowLeftProps {
10
10
  export const ArrowLeft = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowLeftProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M11.6218 22.4986L22.6388 11.4817L20.5175 9.36035L8.35389 21.5239C6.98706 22.8908 6.98706 25.1068 8.35389 26.4737L20.5175 38.6373L22.6388 36.5159L11.6215 25.4986L41 25.4987L41 22.4987L11.6218 22.4986Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path d="M11.6218 22.4986L22.6388 11.4817L20.5175 9.36035L8.35389 21.5239C6.98706 22.8908 6.98706 25.1068 8.35389 26.4737L20.5175 38.6373L22.6388 36.5159L11.6215 25.4986L41 25.4987L41 22.4987L11.6218 22.4986Z" style={{ fill: `var(--${color})` }}/>
18
+ <path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path d="M12.8289 21.9987L22.9924 11.8353L20.1639 9.00684L8.00034 21.1704C6.43824 22.7325 6.43824 25.2652 8.00034 26.8273L20.1639 38.9909L22.9923 36.1624L12.8286 25.9987L41 25.9987L41 21.9987L12.8289 21.9987Z" style={{ fill: `var(--${color})` }}/>
23
+ <path d="M12.829 21.9997L22.9924 11.8362L20.164 9.00781L8.00043 21.1714C6.43833 22.7335 6.43833 25.2662 8.00043 26.8282L20.164 38.9918L22.9924 36.1634L12.8287 25.9997L41.0001 25.9997L41.0001 21.9997L12.829 21.9997Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path d="M11.6218 22.4986L22.6388 11.4817L20.5175 9.36035L8.35389 21.5239C6.98706 22.8908 6.98706 25.1068 8.35389 26.4737L20.5175 38.6373L22.6388 36.5159L11.6215 25.4986L41 25.4987L41 22.4987L11.6218 22.4986Z" style={{ fill: `var(--${color})` }}/>
29
+ <path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-right/index.tsx CHANGED
@@ -10,12 +10,12 @@ interface ArrowRightProps {
10
10
  export const ArrowRight = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowRightProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M36.3777 25.5004L25.3612 36.5169L27.4825 38.6382L39.6461 26.4747C41.013 25.1078 41.013 22.8917 39.6461 21.5249L27.4825 9.36133L25.3612 11.4826L36.379 22.5004L7 22.5004V25.5004H36.3777Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path d="M36.3777 25.5004L25.3612 36.5169L27.4825 38.6382L39.6461 26.4747C41.013 25.1078 41.013 22.8917 39.6461 21.5249L27.4825 9.36133L25.3612 11.4826L36.379 22.5004L7 22.5004V25.5004H36.3777Z" style={{ fill: `var(--${color})` }}/>
18
+ <path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
@@ -26,7 +26,7 @@ export const ArrowRight = ({ fill = false, thick = false, size = 24, color = 'ne
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path d="M36.3777 25.5004L25.3612 36.5169L27.4825 38.6382L39.6461 26.4747C41.013 25.1078 41.013 22.8917 39.6461 21.5249L27.4825 9.36133L25.3612 11.4826L36.379 22.5004L7 22.5004V25.5004H36.3777Z" style={{ fill: `var(--${color})` }}/>
29
+ <path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-up/index.tsx CHANGED
@@ -10,12 +10,12 @@ interface ArrowUpProps {
10
10
  export const ArrowUp = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M25.5 11.6207L36.5175 22.6382L38.6388 20.5168L26.4752 8.35325C25.1084 6.98642 22.8923 6.98642 21.5255 8.35325L9.36188 20.5168L11.4832 22.6382L22.5 11.6213V41.0003H25.5V11.6207Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path d="M25.5 11.6207L36.5175 22.6382L38.6388 20.5168L26.4752 8.35325C25.1084 6.98642 22.8923 6.98642 21.5255 8.35325L9.36188 20.5168L11.4832 22.6382L22.5 11.6213V41.0003H25.5V11.6207Z" style={{ fill: `var(--${color})` }}/>
18
+ <path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
@@ -26,7 +26,7 @@ export const ArrowUp = ({ fill = false, thick = false, size = 24, color = 'neutr
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path d="M25.5 11.6207L36.5175 22.6382L38.6388 20.5168L26.4752 8.35325C25.1084 6.98642 22.8923 6.98642 21.5255 8.35325L9.36188 20.5168L11.4832 22.6382L22.5 11.6213V41.0003H25.5V11.6207Z" style={{ fill: `var(--${color})` }}/>
29
+ <path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-up-down/index.tsx CHANGED
@@ -10,27 +10,27 @@ interface ArrowUpDownProps {
10
10
  export const ArrowUpDown = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpDownProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M32.501 35.3805L25.0607 27.9402L22.9393 30.0615L31.8985 39.0207C33.0596 40.1818 34.942 40.1818 36.1031 39.0207L45.0623 30.0615L42.941 27.9402L35.501 35.3802V8H32.501V35.3805Z" style={{ fill: `var(--${color})` }}/>
14
- <path d="M15.5006 12.6195L22.9409 20.0598L25.0623 17.9385L16.1031 8.97932C14.942 7.81825 13.0596 7.81825 11.8985 8.97932L2.93933 17.9385L5.06065 20.0598L12.5006 12.6198V39.999H15.5006V12.6195Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--${color})` }}/>
14
+ <path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--${color})` }}/>
15
15
  </svg>
16
16
  ;
17
17
  } else if (fill) {
18
18
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
19
- <path d="M32.501 35.3805L25.0607 27.9402L22.9393 30.0615L31.8985 39.0207C33.0596 40.1818 34.942 40.1818 36.1031 39.0207L45.0623 30.0615L42.941 27.9402L35.501 35.3802V8H32.501V35.3805Z" style={{ fill: `var(--${color})` }}/>
20
- <path d="M15.5006 12.6195L22.9409 20.0598L25.0623 17.9385L16.1031 8.97932C14.942 7.81825 13.0596 7.81825 11.8985 8.97932L2.93933 17.9385L5.06065 20.0598L12.5006 12.6198V39.999H15.5006V12.6195Z" style={{ fill: `var(--${color})` }}/>
19
+ <path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--${color})` }}/>
20
+ <path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--${color})` }}/>
21
21
  </svg>
22
22
  ;
23
23
  } else if (thick) {
24
24
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
25
- <path d="M16.0006 13.8274L22.5874 20.4142L25.4158 17.5858L16.4566 8.62663C15.1003 7.27029 12.9012 7.27029 11.5449 8.62663L2.58575 17.5858L5.41418 20.4142L12.0006 13.8278V40H16.0006V13.8274Z" style={{ fill: `var(--${color})` }}/>
26
- <path d="M32.001 34.1745L25.4142 27.5877L22.5858 30.4162L31.5449 39.3753C32.9013 40.7317 35.1003 40.7317 36.4567 39.3753L45.4158 30.4162L42.5874 27.5877L36.001 34.1742V8.00097L32.001 8.00097V34.1745Z" style={{ fill: `var(--${color})` }}/>
25
+ <path d="M16.0005 13.8274L22.5873 20.4142L25.4157 17.5858L16.4566 8.62663C15.1002 7.27029 12.9012 7.27029 11.5449 8.62663L2.58569 17.5858L5.41412 20.4142L12.0005 13.8278V40H16.0005V13.8274Z" style={{ fill: `var(--${color})` }}/>
26
+ <path d="M32.0009 34.1745L25.4141 27.5877L22.5857 30.4162L31.5449 39.3753C32.9012 40.7317 35.1003 40.7317 36.4566 39.3753L45.4158 30.4162L42.5873 27.5877L36.0009 34.1742V8.00097L32.0009 8.00097V34.1745Z" style={{ fill: `var(--${color})` }}/>
27
27
  </svg>
28
28
  ;
29
29
  }
30
30
 
31
31
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
32
- <path d="M32.501 35.3805L25.0607 27.9402L22.9393 30.0615L31.8985 39.0207C33.0596 40.1818 34.942 40.1818 36.1031 39.0207L45.0623 30.0615L42.941 27.9402L35.501 35.3802V8H32.501V35.3805Z" style={{ fill: `var(--${color})` }}/>
33
- <path d="M15.5006 12.6195L22.9409 20.0598L25.0623 17.9385L16.1031 8.97932C14.942 7.81825 13.0596 7.81825 11.8985 8.97932L2.93933 17.9385L5.06065 20.0598L12.5006 12.6198V39.999H15.5006V12.6195Z" style={{ fill: `var(--${color})` }}/>
32
+ <path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--${color})` }}/>
33
+ <path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--${color})` }}/>
34
34
  </svg>
35
35
  ;
36
36
  };
package/assets/arrow-up-right/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowUpRightProps {
10
10
  export const ArrowUpRight = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpRightProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path d="M35.5 14.6214L35.5 31H38.5L38.5 13C38.5 11.067 36.933 9.5 35 9.5H17V12.5L33.3788 12.5L8.93933 36.9395L11.0607 39.0608L35.5 14.6214Z" style={{ fill: `var(--${color})` }}/>
13
+ <path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path d="M35.5 14.6214L35.5 31H38.5L38.5 13C38.5 11.067 36.933 9.5 35 9.5H17V12.5L33.3788 12.5L8.93933 36.9395L11.0607 39.0608L35.5 14.6214Z" style={{ fill: `var(--${color})` }}/>
18
+ <path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path d="M35 15.8286L35 31H39L39 13C39 10.7909 37.2091 9 35 9H17V13L32.1718 13L8.58582 36.5859L11.4142 39.4144L35 15.8286Z" style={{ fill: `var(--${color})` }}/>
23
+ <path d="M34.9999 15.8286L34.9999 31H38.9999L38.9999 13C38.9999 10.7909 37.209 9 34.9999 9H16.9999V13L32.1716 13L8.58569 36.5859L11.4141 39.4144L34.9999 15.8286Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path d="M35.5 14.6214L35.5 31H38.5L38.5 13C38.5 11.067 36.933 9.5 35 9.5H17V12.5L33.3788 12.5L8.93933 36.9395L11.0607 39.0608L35.5 14.6214Z" style={{ fill: `var(--${color})` }}/>
29
+ <path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };
package/assets/arrow-upward/index.tsx CHANGED
@@ -10,23 +10,23 @@ interface ArrowUpwardProps {
10
10
  export const ArrowUpward = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpwardProps) => {
11
11
  if (fill && thick) {
12
12
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
13
- <path fillRule="evenodd" clipRule="evenodd" d="M37.9391 30.0602L24.3534 16.4746C24.1582 16.2793 23.8416 16.2793 23.6463 16.4746L10.0607 30.0602L7.93936 27.9389L21.525 14.3533C22.8918 12.9864 25.1079 12.9864 26.4748 14.3533L40.0604 27.9389L37.9391 30.0602Z" style={{ fill: `var(--${color})` }}/>
13
+ <path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--${color})` }}/>
14
14
  </svg>
15
15
  ;
16
16
  } else if (fill) {
17
17
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
- <path fillRule="evenodd" clipRule="evenodd" d="M37.9391 30.0602L24.3534 16.4746C24.1582 16.2793 23.8416 16.2793 23.6463 16.4746L10.0607 30.0602L7.93936 27.9389L21.525 14.3533C22.8918 12.9864 25.1079 12.9864 26.4748 14.3533L40.0604 27.9389L37.9391 30.0602Z" style={{ fill: `var(--${color})` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--${color})` }}/>
19
19
  </svg>
20
20
  ;
21
21
  } else if (thick) {
22
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
- <path fillRule="evenodd" clipRule="evenodd" d="M37.5855 30.4138L23.9999 16.8281L10.4142 30.4138L7.58582 27.5853L21.1715 13.9997C22.7336 12.4376 25.2662 12.4376 26.8283 13.9997L40.414 27.5853L37.5855 30.4138Z" style={{ fill: `var(--${color})` }}/>
23
+ <path fillRule="evenodd" clipRule="evenodd" d="M37.5857 30.4138L24 16.8281L10.4144 30.4138L7.58594 27.5853L21.1716 13.9997C22.7337 12.4376 25.2663 12.4376 26.8284 13.9997L40.4141 27.5853L37.5857 30.4138Z" style={{ fill: `var(--${color})` }}/>
24
24
  </svg>
25
25
  ;
26
26
  }
27
27
 
28
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- <path fillRule="evenodd" clipRule="evenodd" d="M37.9391 30.0602L24.3534 16.4746C24.1582 16.2793 23.8416 16.2793 23.6463 16.4746L10.0607 30.0602L7.93936 27.9389L21.525 14.3533C22.8918 12.9864 25.1079 12.9864 26.4748 14.3533L40.0604 27.9389L37.9391 30.0602Z" style={{ fill: `var(--${color})` }}/>
29
+ <path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--${color})` }}/>
30
30
  </svg>
31
31
  ;
32
32
  };