@aic-kits/react-native 0.33.0 → 0.33.1

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 (34) hide show
  1. package/LICENSE.md +5 -5
  2. package/assets/svg/brand-logo/apple.svg +11 -11
  3. package/assets/svg/brand-logo/facebook.svg +11 -11
  4. package/assets/svg/brand-logo/google.svg +33 -33
  5. package/assets/svg/default-avatar.svg +52 -52
  6. package/assets/svg/level-step/active/bottom.svg +3 -3
  7. package/assets/svg/level-step/active/top.svg +5 -5
  8. package/assets/svg/level-step/locked/bottom.svg +3 -3
  9. package/assets/svg/level-step/locked/top.svg +5 -5
  10. package/assets/svg/level-step/passed/bottom.svg +3 -3
  11. package/assets/svg/level-step/passed/top.svg +5 -5
  12. package/assets/svg/logo.svg +13 -13
  13. package/lib/components/Art/ImageArt.js +2 -2
  14. package/lib/components/Art/SvgArt.js +2 -2
  15. package/lib/components/Base/index.js +5 -5
  16. package/lib/components/Box/StyledBox.d.ts.map +1 -1
  17. package/lib/components/Button/StyledButton.d.ts.map +1 -1
  18. package/lib/components/Card/StyledCard.d.ts.map +1 -1
  19. package/lib/components/Divider/StyledDivider.d.ts.map +1 -1
  20. package/lib/components/Icon/PlainIcon.d.ts.map +1 -1
  21. package/lib/components/Image/ImageDetail.js +2 -2
  22. package/lib/components/Input/StyledInput.d.ts.map +1 -1
  23. package/lib/components/Loading/StyledLoading.d.ts.map +1 -1
  24. package/lib/components/Loading/StyledLoading.js +8 -8
  25. package/lib/components/Notification/Toast.js +9 -9
  26. package/lib/components/Progress/StyledProgress.d.ts.map +1 -1
  27. package/lib/components/Scrollable/StyledScrollable.d.ts.map +1 -1
  28. package/lib/components/Squircle/index.js +2 -2
  29. package/lib/components/Text/StyledText.d.ts.map +1 -1
  30. package/lib/components/Text/index.d.ts.map +1 -1
  31. package/lib/components/Video/StyledVideoControlManager.d.ts.map +1 -1
  32. package/lib/components/Video/StyledVideoDetail.d.ts.map +1 -1
  33. package/lib/components/Vimeo/utils.js +58 -58
  34. package/package.json +2 -2
package/LICENSE.md CHANGED
@@ -1,5 +1,5 @@
1
- MIT License
2
-
3
- Copyright (c) 2025
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files.
1
+ MIT License
2
+
3
+ Copyright (c) 2025
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files.
package/assets/svg/brand-logo/apple.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_3920_22278)">
3
- <rect y="0.652344" width="56" height="56" rx="28" fill="black"/>
4
- <path d="M41.1058 22.585C40.9063 22.7426 37.3844 24.7623 37.3844 29.2532C37.3844 34.4477 41.8659 36.2854 42 36.3309C41.9794 36.4429 41.288 38.8477 39.6371 41.2979C38.1651 43.4541 36.6277 45.6068 34.2889 45.6068C31.9501 45.6068 31.3482 44.2242 28.6483 44.2242C26.0172 44.2242 25.0817 45.6523 22.9424 45.6523C20.8031 45.6523 19.3104 43.6571 17.5942 41.2069C15.6062 38.3296 14 33.8597 14 29.6172C14 22.8126 18.3474 19.2037 22.626 19.2037C24.8994 19.2037 26.7945 20.7229 28.2218 20.7229C29.5804 20.7229 31.6991 19.1127 34.2855 19.1127C35.2657 19.1127 38.7876 19.2037 41.1058 22.585ZM33.0576 16.2319C34.1273 14.9403 34.8839 13.1481 34.8839 11.3559C34.8839 11.1074 34.8633 10.8554 34.8186 10.6523C33.0782 10.7189 31.0077 11.832 29.7592 13.3056C28.779 14.4397 27.8641 16.2319 27.8641 18.0486C27.8641 18.3216 27.9089 18.5946 27.9295 18.6821C28.0396 18.7031 28.2184 18.7277 28.3972 18.7277C29.9587 18.7277 31.9226 17.6635 33.0576 16.2319Z" fill="white"/>
5
- </g>
6
- <defs>
7
- <clipPath id="clip0_3920_22278">
8
- <rect width="56" height="56" fill="white" transform="translate(0 0.652344)"/>
9
- </clipPath>
10
- </defs>
11
- </svg>
1
+ <svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_3920_22278)">
3
+ <rect y="0.652344" width="56" height="56" rx="28" fill="black"/>
4
+ <path d="M41.1058 22.585C40.9063 22.7426 37.3844 24.7623 37.3844 29.2532C37.3844 34.4477 41.8659 36.2854 42 36.3309C41.9794 36.4429 41.288 38.8477 39.6371 41.2979C38.1651 43.4541 36.6277 45.6068 34.2889 45.6068C31.9501 45.6068 31.3482 44.2242 28.6483 44.2242C26.0172 44.2242 25.0817 45.6523 22.9424 45.6523C20.8031 45.6523 19.3104 43.6571 17.5942 41.2069C15.6062 38.3296 14 33.8597 14 29.6172C14 22.8126 18.3474 19.2037 22.626 19.2037C24.8994 19.2037 26.7945 20.7229 28.2218 20.7229C29.5804 20.7229 31.6991 19.1127 34.2855 19.1127C35.2657 19.1127 38.7876 19.2037 41.1058 22.585ZM33.0576 16.2319C34.1273 14.9403 34.8839 13.1481 34.8839 11.3559C34.8839 11.1074 34.8633 10.8554 34.8186 10.6523C33.0782 10.7189 31.0077 11.832 29.7592 13.3056C28.779 14.4397 27.8641 16.2319 27.8641 18.0486C27.8641 18.3216 27.9089 18.5946 27.9295 18.6821C28.0396 18.7031 28.2184 18.7277 28.3972 18.7277C29.9587 18.7277 31.9226 17.6635 33.0576 16.2319Z" fill="white"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_3920_22278">
8
+ <rect width="56" height="56" fill="white" transform="translate(0 0.652344)"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
package/assets/svg/brand-logo/facebook.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg width="58" height="56" viewBox="0 0 58 56" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_2546_18955)">
3
- <path d="M57.5084 28C57.5084 12.5361 44.7444 0 28.9993 0C13.2543 0 0.490234 12.5359 0.490234 28C0.490234 41.9755 10.9157 53.5594 24.5448 55.6598V36.0938H17.3061V28H24.5448V21.8313C24.5448 14.8138 28.8011 10.9375 35.313 10.9375C38.4323 10.9375 41.6948 11.4844 41.6948 11.4844V18.375H38.1C34.5582 18.375 33.4539 20.5334 33.4539 22.7478V28H41.3607L40.0967 36.0938H33.4539V55.6598C47.083 53.5594 57.5084 41.9757 57.5084 28Z" fill="#1877F2"/>
4
- <path d="M40.0972 36.0938L41.3612 28H33.4544V22.7478C33.4544 20.5332 34.5589 18.375 38.1005 18.375H41.6953V11.4844C41.6953 11.4844 38.4328 10.9375 35.3135 10.9375C28.8016 10.9375 24.5453 14.8138 24.5453 21.8313V28H17.3066V36.0938H24.5453V55.6598C26.0189 55.8867 27.5082 56.0004 28.9998 56C30.4914 56.0004 31.9808 55.8867 33.4544 55.6598V36.0938H40.0972Z" fill="white"/>
5
- </g>
6
- <defs>
7
- <clipPath id="clip0_2546_18955">
8
- <rect width="57.0182" height="56" fill="white" transform="translate(0.490234)"/>
9
- </clipPath>
10
- </defs>
11
- </svg>
1
+ <svg width="58" height="56" viewBox="0 0 58 56" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_2546_18955)">
3
+ <path d="M57.5084 28C57.5084 12.5361 44.7444 0 28.9993 0C13.2543 0 0.490234 12.5359 0.490234 28C0.490234 41.9755 10.9157 53.5594 24.5448 55.6598V36.0938H17.3061V28H24.5448V21.8313C24.5448 14.8138 28.8011 10.9375 35.313 10.9375C38.4323 10.9375 41.6948 11.4844 41.6948 11.4844V18.375H38.1C34.5582 18.375 33.4539 20.5334 33.4539 22.7478V28H41.3607L40.0967 36.0938H33.4539V55.6598C47.083 53.5594 57.5084 41.9757 57.5084 28Z" fill="#1877F2"/>
4
+ <path d="M40.0972 36.0938L41.3612 28H33.4544V22.7478C33.4544 20.5332 34.5589 18.375 38.1005 18.375H41.6953V11.4844C41.6953 11.4844 38.4328 10.9375 35.3135 10.9375C28.8016 10.9375 24.5453 14.8138 24.5453 21.8313V28H17.3066V36.0938H24.5453V55.6598C26.0189 55.8867 27.5082 56.0004 28.9998 56C30.4914 56.0004 31.9808 55.8867 33.4544 55.6598V36.0938H40.0972Z" fill="white"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_2546_18955">
8
+ <rect width="57.0182" height="56" fill="white" transform="translate(0.490234)"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
package/assets/svg/brand-logo/google.svg CHANGED
@@ -1,33 +1,33 @@
1
- <svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_3920_22291)">
3
- <mask id="mask0_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="28" y="23" width="29" height="27">
4
- <path d="M56.0003 29.2864C56.0003 27.2984 55.8194 25.3944 55.4765 23.5557H28.5718V34.3918H43.9527C43.2861 37.8919 41.2765 40.86 38.248 42.848V49.8761H47.4861C52.8861 44.9947 56.0003 37.8172 56.0003 29.2864Z" fill="white"/>
5
- </mask>
6
- <g mask="url(#mask0_3920_22291)">
7
- <path d="M71.8763 8.00586H12.6953V65.4255H71.8763V8.00586Z" fill="#527BBE"/>
8
- </g>
9
- <mask id="mask1_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="33" width="45" height="24">
10
- <path d="M28.5714 56.6516C36.2857 56.6516 42.7524 54.1409 47.4857 49.8662L38.2476 42.8381C35.6857 44.5181 32.419 45.5074 28.5714 45.5074C21.1333 45.5074 14.8286 40.5794 12.5809 33.9619H3.03809V41.214C7.74285 50.3795 17.4 56.6516 28.5714 56.6516Z" fill="white"/>
11
- </mask>
12
- <g mask="url(#mask1_3920_22291)">
13
- <path d="M63.3526 18.4121H-12.8379V72.2104H63.3526V18.4121Z" fill="#34A752"/>
14
- </g>
15
- <mask id="mask2_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="16" width="13" height="26">
16
- <path d="M12.581 33.9734C12.0095 32.2933 11.6857 30.5013 11.6857 28.6533C11.6857 26.8052 12.0095 25.0132 12.581 23.3332V16.0811H3.03809C1.10476 19.8611 0 24.1359 0 28.6533C0 33.1707 1.10476 37.4454 3.03809 41.2255L12.581 33.9734Z" fill="white"/>
17
- </mask>
18
- <g mask="url(#mask2_3920_22291)">
19
- <path d="M28.4569 0.521484H-15.8765V56.7838H28.4569V0.521484Z" fill="#F7BB17"/>
20
- </g>
21
- <mask id="mask3_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="45" height="24">
22
- <path d="M28.5709 11.7872C32.7614 11.7872 36.5328 13.1966 39.4947 15.9779L47.6852 7.95114C42.7424 3.42439 36.2757 0.652344 28.5709 0.652344C17.3995 0.652344 7.74236 6.92445 3.0376 16.0806L12.5805 23.3327C14.8281 16.7153 21.1328 11.7872 28.5709 11.7872Z" fill="white"/>
23
- </mask>
24
- <g mask="url(#mask3_3920_22291)">
25
- <path d="M63.5616 -14.9072H-12.8384V38.891H63.5616V-14.9072Z" fill="#E84234"/>
26
- </g>
27
- </g>
28
- <defs>
29
- <clipPath id="clip0_3920_22291">
30
- <rect width="56" height="56" fill="white" transform="translate(0 0.652344)"/>
31
- </clipPath>
32
- </defs>
33
- </svg>
1
+ <svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_3920_22291)">
3
+ <mask id="mask0_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="28" y="23" width="29" height="27">
4
+ <path d="M56.0003 29.2864C56.0003 27.2984 55.8194 25.3944 55.4765 23.5557H28.5718V34.3918H43.9527C43.2861 37.8919 41.2765 40.86 38.248 42.848V49.8761H47.4861C52.8861 44.9947 56.0003 37.8172 56.0003 29.2864Z" fill="white"/>
5
+ </mask>
6
+ <g mask="url(#mask0_3920_22291)">
7
+ <path d="M71.8763 8.00586H12.6953V65.4255H71.8763V8.00586Z" fill="#527BBE"/>
8
+ </g>
9
+ <mask id="mask1_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="33" width="45" height="24">
10
+ <path d="M28.5714 56.6516C36.2857 56.6516 42.7524 54.1409 47.4857 49.8662L38.2476 42.8381C35.6857 44.5181 32.419 45.5074 28.5714 45.5074C21.1333 45.5074 14.8286 40.5794 12.5809 33.9619H3.03809V41.214C7.74285 50.3795 17.4 56.6516 28.5714 56.6516Z" fill="white"/>
11
+ </mask>
12
+ <g mask="url(#mask1_3920_22291)">
13
+ <path d="M63.3526 18.4121H-12.8379V72.2104H63.3526V18.4121Z" fill="#34A752"/>
14
+ </g>
15
+ <mask id="mask2_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="16" width="13" height="26">
16
+ <path d="M12.581 33.9734C12.0095 32.2933 11.6857 30.5013 11.6857 28.6533C11.6857 26.8052 12.0095 25.0132 12.581 23.3332V16.0811H3.03809C1.10476 19.8611 0 24.1359 0 28.6533C0 33.1707 1.10476 37.4454 3.03809 41.2255L12.581 33.9734Z" fill="white"/>
17
+ </mask>
18
+ <g mask="url(#mask2_3920_22291)">
19
+ <path d="M28.4569 0.521484H-15.8765V56.7838H28.4569V0.521484Z" fill="#F7BB17"/>
20
+ </g>
21
+ <mask id="mask3_3920_22291" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="45" height="24">
22
+ <path d="M28.5709 11.7872C32.7614 11.7872 36.5328 13.1966 39.4947 15.9779L47.6852 7.95114C42.7424 3.42439 36.2757 0.652344 28.5709 0.652344C17.3995 0.652344 7.74236 6.92445 3.0376 16.0806L12.5805 23.3327C14.8281 16.7153 21.1328 11.7872 28.5709 11.7872Z" fill="white"/>
23
+ </mask>
24
+ <g mask="url(#mask3_3920_22291)">
25
+ <path d="M63.5616 -14.9072H-12.8384V38.891H63.5616V-14.9072Z" fill="#E84234"/>
26
+ </g>
27
+ </g>
28
+ <defs>
29
+ <clipPath id="clip0_3920_22291">
30
+ <rect width="56" height="56" fill="white" transform="translate(0 0.652344)"/>
31
+ </clipPath>
32
+ </defs>
33
+ </svg>
package/assets/svg/default-avatar.svg CHANGED
@@ -1,52 +1,52 @@
1
- <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_104_3210)">
3
- <g filter="url(#filter0_dd_104_3210)">
4
- <circle cx="50" cy="50" r="50" fill="#F8F8F8"/>
5
- </g>
6
- <g opacity="0.8" filter="url(#filter1_f_104_3210)">
7
- <ellipse cx="49.4159" cy="48.8022" rx="49.4159" ry="48.8022" transform="matrix(-0.288205 -0.957569 0.936518 -0.35062 17.3093 84.675)" fill="#3502FF"/>
8
- </g>
9
- <g opacity="0.8" filter="url(#filter2_f_104_3210)">
10
- <ellipse cx="41.9315" cy="40.6173" rx="41.9315" ry="40.6173" transform="matrix(-0.482888 -0.875682 0.798496 -0.602 11.8245 92.5422)" fill="#77BEFF"/>
11
- </g>
12
- <g opacity="0.8" filter="url(#filter3_f_104_3210)">
13
- <path d="M98.5302 -20.8576C120.756 -2.68076 103.829 88.8425 95.2342 82.828C89.9911 79.159 83.7924 48.1219 67.3331 34.8212C56.8113 26.3185 37.9737 32.5228 25.9757 33.4002C-4.79075 35.6502 76.1195 -39.1861 98.5302 -20.8576Z" fill="#3D39FF"/>
14
- </g>
15
- </g>
16
- <defs>
17
- <filter id="filter0_dd_104_3210" x="-12" y="-10" width="124" height="124" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
18
- <feFlood flood-opacity="0" result="BackgroundImageFix"/>
19
- <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
20
- <feOffset dy="2"/>
21
- <feGaussianBlur stdDeviation="6"/>
22
- <feComposite in2="hardAlpha" operator="out"/>
23
- <feColorMatrix type="matrix" values="0 0 0 0 0.6875 0 0 0 0 0.744318 0 0 0 0 1 0 0 0 0.06 0"/>
24
- <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_104_3210"/>
25
- <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
26
- <feOffset dy="1"/>
27
- <feGaussianBlur stdDeviation="1"/>
28
- <feComposite in2="hardAlpha" operator="out"/>
29
- <feColorMatrix type="matrix" values="0 0 0 0 0.549757 0 0 0 0 0.610463 0 0 0 0 0.929167 0 0 0 0.05 0"/>
30
- <feBlend mode="normal" in2="effect1_dropShadow_104_3210" result="effect2_dropShadow_104_3210"/>
31
- <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_104_3210" result="shape"/>
32
- </filter>
33
- <filter id="filter1_f_104_3210" x="-23.113" y="-54.0866" width="143.769" height="148.663" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
34
- <feFlood flood-opacity="0" result="BackgroundImageFix"/>
35
- <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
36
- <feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_104_3210"/>
37
- </filter>
38
- <filter id="filter2_f_104_3210" x="-38.2307" y="-36.7479" width="124.479" height="136.24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
39
- <feFlood flood-opacity="0" result="BackgroundImageFix"/>
40
- <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
41
- <feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_104_3210"/>
42
- </filter>
43
- <filter id="filter3_f_104_3210" x="-4.91577" y="-47.7509" width="138.444" height="154.862" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
44
- <feFlood flood-opacity="0" result="BackgroundImageFix"/>
45
- <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
46
- <feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_104_3210"/>
47
- </filter>
48
- <clipPath id="clip0_104_3210">
49
- <rect width="100" height="100" rx="50" fill="white"/>
50
- </clipPath>
51
- </defs>
52
- </svg>
1
+ <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_104_3210)">
3
+ <g filter="url(#filter0_dd_104_3210)">
4
+ <circle cx="50" cy="50" r="50" fill="#F8F8F8"/>
5
+ </g>
6
+ <g opacity="0.8" filter="url(#filter1_f_104_3210)">
7
+ <ellipse cx="49.4159" cy="48.8022" rx="49.4159" ry="48.8022" transform="matrix(-0.288205 -0.957569 0.936518 -0.35062 17.3093 84.675)" fill="#3502FF"/>
8
+ </g>
9
+ <g opacity="0.8" filter="url(#filter2_f_104_3210)">
10
+ <ellipse cx="41.9315" cy="40.6173" rx="41.9315" ry="40.6173" transform="matrix(-0.482888 -0.875682 0.798496 -0.602 11.8245 92.5422)" fill="#77BEFF"/>
11
+ </g>
12
+ <g opacity="0.8" filter="url(#filter3_f_104_3210)">
13
+ <path d="M98.5302 -20.8576C120.756 -2.68076 103.829 88.8425 95.2342 82.828C89.9911 79.159 83.7924 48.1219 67.3331 34.8212C56.8113 26.3185 37.9737 32.5228 25.9757 33.4002C-4.79075 35.6502 76.1195 -39.1861 98.5302 -20.8576Z" fill="#3D39FF"/>
14
+ </g>
15
+ </g>
16
+ <defs>
17
+ <filter id="filter0_dd_104_3210" x="-12" y="-10" width="124" height="124" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
18
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
19
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
20
+ <feOffset dy="2"/>
21
+ <feGaussianBlur stdDeviation="6"/>
22
+ <feComposite in2="hardAlpha" operator="out"/>
23
+ <feColorMatrix type="matrix" values="0 0 0 0 0.6875 0 0 0 0 0.744318 0 0 0 0 1 0 0 0 0.06 0"/>
24
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_104_3210"/>
25
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
26
+ <feOffset dy="1"/>
27
+ <feGaussianBlur stdDeviation="1"/>
28
+ <feComposite in2="hardAlpha" operator="out"/>
29
+ <feColorMatrix type="matrix" values="0 0 0 0 0.549757 0 0 0 0 0.610463 0 0 0 0 0.929167 0 0 0 0.05 0"/>
30
+ <feBlend mode="normal" in2="effect1_dropShadow_104_3210" result="effect2_dropShadow_104_3210"/>
31
+ <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_104_3210" result="shape"/>
32
+ </filter>
33
+ <filter id="filter1_f_104_3210" x="-23.113" y="-54.0866" width="143.769" height="148.663" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
34
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
35
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
36
+ <feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_104_3210"/>
37
+ </filter>
38
+ <filter id="filter2_f_104_3210" x="-38.2307" y="-36.7479" width="124.479" height="136.24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
39
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
40
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
41
+ <feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_104_3210"/>
42
+ </filter>
43
+ <filter id="filter3_f_104_3210" x="-4.91577" y="-47.7509" width="138.444" height="154.862" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
44
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
45
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
46
+ <feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_104_3210"/>
47
+ </filter>
48
+ <clipPath id="clip0_104_3210">
49
+ <rect width="100" height="100" rx="50" fill="white"/>
50
+ </clipPath>
51
+ </defs>
52
+ </svg>
package/assets/svg/level-step/active/bottom.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="120" height="106" viewBox="0 0 120 106" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <ellipse cx="60" cy="53.0127" rx="60" ry="52.5" fill="#543ACC"/>
3
- </svg>
1
+ <svg width="120" height="106" viewBox="0 0 120 106" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <ellipse cx="60" cy="53.0127" rx="60" ry="52.5" fill="#543ACC"/>
3
+ </svg>
package/assets/svg/level-step/active/top.svg CHANGED
@@ -1,5 +1,5 @@
1
- <svg width="120" height="91" viewBox="0 0 120 91" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <ellipse cx="60" cy="45.6443" rx="60" ry="45.1316" fill="#6949FF"/>
3
- <path d="M55.1263 14.5433C55.1263 11.5421 52.6888 9.08445 49.6987 9.34326C43.5378 9.87653 37.5545 11.3143 32.0902 13.5903C25.0322 16.5301 19.0686 20.773 14.7529 25.9252C10.4372 31.0775 7.90917 36.9722 7.40344 43.0624C7.04149 47.4211 7.72375 51.7787 9.39807 55.9283C10.5841 58.8677 13.9904 60.0028 16.976 58.9384C21.0199 57.4967 22.5728 52.6206 21.8962 48.381C21.6517 46.8485 21.5914 45.2968 21.7203 43.7449C22.0743 39.4817 23.8439 35.3554 26.8649 31.7488C29.8859 28.1422 34.0604 25.1722 39.001 23.1144C42.3449 21.7216 45.9663 20.7772 49.7058 20.3123C52.6841 19.942 55.1263 17.5446 55.1263 14.5433Z" fill="#A592FF"/>
4
- <path d="M70.8506 49.7662C70.3758 50.2264 70.1576 50.8919 70.2658 51.5445L71.8956 60.5645C72.0331 61.329 71.7105 62.1027 71.0706 62.5445C70.4436 63.0029 69.6095 63.0579 68.9256 62.6912L60.8058 58.4562C60.5235 58.3059 60.21 58.2252 59.8891 58.216H59.3923C59.22 58.2417 59.0513 58.2967 58.8973 58.381L50.7756 62.6362C50.3741 62.8379 49.9195 62.9094 49.474 62.8379C48.3886 62.6325 47.6645 61.5985 47.8423 60.5077L49.474 51.4877C49.5821 50.8295 49.364 50.1604 48.8891 49.6929L42.269 43.2762C41.7153 42.739 41.5228 41.9324 41.7758 41.2045C42.0215 40.4785 42.6485 39.9487 43.4056 39.8295L52.5173 38.5077C53.2103 38.4362 53.819 38.0145 54.1306 37.3912L58.1456 29.1595C58.241 28.9762 58.3638 28.8075 58.5123 28.6645L58.6773 28.5362C58.7635 28.4409 58.8625 28.362 58.9725 28.2979L59.1723 28.2245L59.484 28.0962H60.2558C60.9451 28.1677 61.552 28.5802 61.8691 29.1962L65.9373 37.3912C66.2306 37.9907 66.8008 38.4069 67.459 38.5077L76.5706 39.8295C77.3406 39.9395 77.9841 40.4712 78.239 41.2045C78.4791 41.9397 78.272 42.7464 77.7073 43.2762L70.8506 49.7662Z" fill="white"/>
5
- </svg>
1
+ <svg width="120" height="91" viewBox="0 0 120 91" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <ellipse cx="60" cy="45.6443" rx="60" ry="45.1316" fill="#6949FF"/>
3
+ <path d="M55.1263 14.5433C55.1263 11.5421 52.6888 9.08445 49.6987 9.34326C43.5378 9.87653 37.5545 11.3143 32.0902 13.5903C25.0322 16.5301 19.0686 20.773 14.7529 25.9252C10.4372 31.0775 7.90917 36.9722 7.40344 43.0624C7.04149 47.4211 7.72375 51.7787 9.39807 55.9283C10.5841 58.8677 13.9904 60.0028 16.976 58.9384C21.0199 57.4967 22.5728 52.6206 21.8962 48.381C21.6517 46.8485 21.5914 45.2968 21.7203 43.7449C22.0743 39.4817 23.8439 35.3554 26.8649 31.7488C29.8859 28.1422 34.0604 25.1722 39.001 23.1144C42.3449 21.7216 45.9663 20.7772 49.7058 20.3123C52.6841 19.942 55.1263 17.5446 55.1263 14.5433Z" fill="#A592FF"/>
4
+ <path d="M70.8506 49.7662C70.3758 50.2264 70.1576 50.8919 70.2658 51.5445L71.8956 60.5645C72.0331 61.329 71.7105 62.1027 71.0706 62.5445C70.4436 63.0029 69.6095 63.0579 68.9256 62.6912L60.8058 58.4562C60.5235 58.3059 60.21 58.2252 59.8891 58.216H59.3923C59.22 58.2417 59.0513 58.2967 58.8973 58.381L50.7756 62.6362C50.3741 62.8379 49.9195 62.9094 49.474 62.8379C48.3886 62.6325 47.6645 61.5985 47.8423 60.5077L49.474 51.4877C49.5821 50.8295 49.364 50.1604 48.8891 49.6929L42.269 43.2762C41.7153 42.739 41.5228 41.9324 41.7758 41.2045C42.0215 40.4785 42.6485 39.9487 43.4056 39.8295L52.5173 38.5077C53.2103 38.4362 53.819 38.0145 54.1306 37.3912L58.1456 29.1595C58.241 28.9762 58.3638 28.8075 58.5123 28.6645L58.6773 28.5362C58.7635 28.4409 58.8625 28.362 58.9725 28.2979L59.1723 28.2245L59.484 28.0962H60.2558C60.9451 28.1677 61.552 28.5802 61.8691 29.1962L65.9373 37.3912C66.2306 37.9907 66.8008 38.4069 67.459 38.5077L76.5706 39.8295C77.3406 39.9395 77.9841 40.4712 78.239 41.2045C78.4791 41.9397 78.272 42.7464 77.7073 43.2762L70.8506 49.7662Z" fill="white"/>
5
+ </svg>
package/assets/svg/level-step/locked/bottom.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="120" height="106" viewBox="0 0 120 106" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <ellipse cx="60" cy="53.0127" rx="60" ry="52.5" fill="#BDBDBD"/>
3
- </svg>
1
+ <svg width="120" height="106" viewBox="0 0 120 106" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <ellipse cx="60" cy="53.0127" rx="60" ry="52.5" fill="#BDBDBD"/>
3
+ </svg>
package/assets/svg/level-step/locked/top.svg CHANGED
@@ -1,5 +1,5 @@
1
- <svg width="120" height="91" viewBox="0 0 120 91" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <ellipse cx="60" cy="45.6443" rx="60" ry="45.1316" fill="#E0E0E0"/>
3
- <path d="M55.1263 14.5433C55.1263 11.5421 52.6888 9.08445 49.6987 9.34326C43.5378 9.87653 37.5545 11.3143 32.0902 13.5903C25.0322 16.5301 19.0686 20.773 14.7529 25.9252C10.4372 31.0775 7.90917 36.9722 7.40344 43.0624C7.04149 47.4211 7.72375 51.7787 9.39807 55.9283C10.5841 58.8677 13.9904 60.0028 16.976 58.9384C21.0199 57.4967 22.5728 52.6206 21.8962 48.381C21.6517 46.8485 21.5914 45.2968 21.7203 43.7449C22.0743 39.4817 23.8439 35.3554 26.8649 31.7488C29.8859 28.1422 34.0604 25.1722 39.001 23.1144C42.3449 21.7216 45.9663 20.7772 49.7058 20.3123C52.6841 19.942 55.1263 17.5446 55.1263 14.5433Z" fill="#EEEEEE"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M70.1248 37.0721V39.8832C73.2825 40.8689 75.5832 43.7274 75.5832 47.1415V56.1925C75.5832 60.4192 72.079 63.8461 67.7589 63.8461H52.2426C47.9207 63.8461 44.4165 60.4192 44.4165 56.1925V47.1415C44.4165 43.7274 46.7191 40.8689 49.8749 39.8832V37.0721C49.8935 31.6066 54.4204 27.1794 59.9719 27.1794C65.5979 27.1794 70.1248 31.6066 70.1248 37.0721ZM60.0092 30.3677C63.7909 30.3677 66.8647 33.3738 66.8647 37.0721V39.4879H53.135V37.0357C53.1536 33.3555 56.2274 30.3677 60.0092 30.3677ZM61.6299 53.6802C61.6299 54.5729 60.9034 55.2834 59.9905 55.2834C59.0963 55.2834 58.3698 54.5729 58.3698 53.6802V49.6356C58.3698 48.7611 59.0963 48.0506 59.9905 48.0506C60.9034 48.0506 61.6299 48.7611 61.6299 49.6356V53.6802Z" fill="#9E9E9E"/>
5
- </svg>
1
+ <svg width="120" height="91" viewBox="0 0 120 91" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <ellipse cx="60" cy="45.6443" rx="60" ry="45.1316" fill="#E0E0E0"/>
3
+ <path d="M55.1263 14.5433C55.1263 11.5421 52.6888 9.08445 49.6987 9.34326C43.5378 9.87653 37.5545 11.3143 32.0902 13.5903C25.0322 16.5301 19.0686 20.773 14.7529 25.9252C10.4372 31.0775 7.90917 36.9722 7.40344 43.0624C7.04149 47.4211 7.72375 51.7787 9.39807 55.9283C10.5841 58.8677 13.9904 60.0028 16.976 58.9384C21.0199 57.4967 22.5728 52.6206 21.8962 48.381C21.6517 46.8485 21.5914 45.2968 21.7203 43.7449C22.0743 39.4817 23.8439 35.3554 26.8649 31.7488C29.8859 28.1422 34.0604 25.1722 39.001 23.1144C42.3449 21.7216 45.9663 20.7772 49.7058 20.3123C52.6841 19.942 55.1263 17.5446 55.1263 14.5433Z" fill="#EEEEEE"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M70.1248 37.0721V39.8832C73.2825 40.8689 75.5832 43.7274 75.5832 47.1415V56.1925C75.5832 60.4192 72.079 63.8461 67.7589 63.8461H52.2426C47.9207 63.8461 44.4165 60.4192 44.4165 56.1925V47.1415C44.4165 43.7274 46.7191 40.8689 49.8749 39.8832V37.0721C49.8935 31.6066 54.4204 27.1794 59.9719 27.1794C65.5979 27.1794 70.1248 31.6066 70.1248 37.0721ZM60.0092 30.3677C63.7909 30.3677 66.8647 33.3738 66.8647 37.0721V39.4879H53.135V37.0357C53.1536 33.3555 56.2274 30.3677 60.0092 30.3677ZM61.6299 53.6802C61.6299 54.5729 60.9034 55.2834 59.9905 55.2834C59.0963 55.2834 58.3698 54.5729 58.3698 53.6802V49.6356C58.3698 48.7611 59.0963 48.0506 59.9905 48.0506C60.9034 48.0506 61.6299 48.7611 61.6299 49.6356V53.6802Z" fill="#9E9E9E"/>
5
+ </svg>
package/assets/svg/level-step/passed/bottom.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="120" height="106" viewBox="0 0 120 106" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <ellipse cx="60" cy="53.0127" rx="60" ry="52.5" fill="#FF981F"/>
3
- </svg>
1
+ <svg width="120" height="106" viewBox="0 0 120 106" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <ellipse cx="60" cy="53.0127" rx="60" ry="52.5" fill="#FF981F"/>
3
+ </svg>
package/assets/svg/level-step/passed/top.svg CHANGED
@@ -1,5 +1,5 @@
1
- <svg width="120" height="91" viewBox="0 0 120 91" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <ellipse cx="60" cy="45.6443" rx="60" ry="45.1316" fill="#FFC107"/>
3
- <path d="M55.1263 14.5433C55.1263 11.5421 52.6888 9.08445 49.6987 9.34326C43.5378 9.87653 37.5545 11.3143 32.0902 13.5903C25.0322 16.5301 19.0686 20.773 14.7529 25.9252C10.4372 31.0775 7.90917 36.9722 7.40344 43.0624C7.04149 47.4211 7.72375 51.7787 9.39807 55.9283C10.5841 58.8677 13.9904 60.0028 16.976 58.9384C21.0199 57.4967 22.5728 52.6206 21.8962 48.381C21.6517 46.8485 21.5914 45.2968 21.7203 43.7449C22.0743 39.4817 23.8439 35.3554 26.8649 31.7488C29.8859 28.1422 34.0604 25.1722 39.001 23.1144C42.3449 21.7216 45.9663 20.7772 49.7058 20.3123C52.6841 19.942 55.1263 17.5446 55.1263 14.5433Z" fill="#FFDA6A"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M52.062 27.1792H67.957C74.172 27.1792 78.3337 31.5425 78.3337 38.0325V53.0127C78.3337 59.4825 74.172 63.8459 67.957 63.8459H52.062C45.847 63.8459 41.667 59.4825 41.667 53.0127V38.0325C41.667 31.5425 45.847 27.1792 52.062 27.1792ZM58.9553 50.9942L67.6637 42.2859C68.287 41.6625 68.287 40.6542 67.6637 40.0125C67.0403 39.3892 66.0137 39.3892 65.3903 40.0125L57.8187 47.5842L54.6103 44.3759C53.987 43.7525 52.9603 43.7525 52.337 44.3759C51.7137 44.9992 51.7137 46.0075 52.337 46.6492L56.7003 50.9942C57.012 51.3059 57.4153 51.4525 57.8187 51.4525C58.2403 51.4525 58.6437 51.3059 58.9553 50.9942Z" fill="white"/>
5
- </svg>
1
+ <svg width="120" height="91" viewBox="0 0 120 91" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <ellipse cx="60" cy="45.6443" rx="60" ry="45.1316" fill="#FFC107"/>
3
+ <path d="M55.1263 14.5433C55.1263 11.5421 52.6888 9.08445 49.6987 9.34326C43.5378 9.87653 37.5545 11.3143 32.0902 13.5903C25.0322 16.5301 19.0686 20.773 14.7529 25.9252C10.4372 31.0775 7.90917 36.9722 7.40344 43.0624C7.04149 47.4211 7.72375 51.7787 9.39807 55.9283C10.5841 58.8677 13.9904 60.0028 16.976 58.9384C21.0199 57.4967 22.5728 52.6206 21.8962 48.381C21.6517 46.8485 21.5914 45.2968 21.7203 43.7449C22.0743 39.4817 23.8439 35.3554 26.8649 31.7488C29.8859 28.1422 34.0604 25.1722 39.001 23.1144C42.3449 21.7216 45.9663 20.7772 49.7058 20.3123C52.6841 19.942 55.1263 17.5446 55.1263 14.5433Z" fill="#FFDA6A"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M52.062 27.1792H67.957C74.172 27.1792 78.3337 31.5425 78.3337 38.0325V53.0127C78.3337 59.4825 74.172 63.8459 67.957 63.8459H52.062C45.847 63.8459 41.667 59.4825 41.667 53.0127V38.0325C41.667 31.5425 45.847 27.1792 52.062 27.1792ZM58.9553 50.9942L67.6637 42.2859C68.287 41.6625 68.287 40.6542 67.6637 40.0125C67.0403 39.3892 66.0137 39.3892 65.3903 40.0125L57.8187 47.5842L54.6103 44.3759C53.987 43.7525 52.9603 43.7525 52.337 44.3759C51.7137 44.9992 51.7137 46.0075 52.337 46.6492L56.7003 50.9942C57.012 51.3059 57.4153 51.4525 57.8187 51.4525C58.2403 51.4525 58.6437 51.3059 58.9553 50.9942Z" fill="white"/>
5
+ </svg>
package/assets/svg/logo.svg CHANGED
@@ -1,13 +1,13 @@
1
- <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M13.334 96.5335C13.334 57.3126 13.334 37.7022 25.5183 25.5179C37.7027 13.3335 57.3131 13.3335 96.534 13.3335H103.467C142.688 13.3335 162.299 13.3335 174.483 25.5179C186.667 37.7022 186.667 57.3126 186.667 96.5335V103.467C186.667 142.688 186.667 162.298 174.483 174.482C162.299 186.667 142.688 186.667 103.467 186.667H96.534C57.3131 186.667 37.7027 186.667 25.5183 174.482C13.334 162.298 13.334 142.688 13.334 103.467V96.5335Z" fill="#6949FF"/>
3
- <path d="M46.6191 110.589C46.6191 134.447 65.9597 153.787 89.8175 153.787H109.954C133.811 153.787 153.152 134.447 153.152 110.589V110.589C153.152 86.731 133.811 67.3904 109.954 67.3904H89.8175C65.9597 67.3904 46.6191 86.731 46.6191 110.589V110.589Z" fill="#673AB3"/>
4
- <path d="M88.2276 106.385C89.5267 111.552 95.3798 113.909 100.27 114.172C104.262 114.391 114.268 112.187 113.552 106.516C113.436 105.553 112.582 104.494 111.458 104.918C109.538 105.64 108.801 107.487 107.064 108.559C105.167 109.742 102.868 110.172 100.656 110.15C96.657 110.099 92.4094 108.654 89.8404 105.443C89.2055 104.648 88.0086 105.523 88.2276 106.385Z" fill="#133441"/>
5
- <path d="M34.0884 93.3352C34.5992 105.027 44.4957 114.091 56.2021 113.58C67.9011 113.077 76.9803 103.195 76.4694 91.5033C75.9658 79.8188 66.0693 70.7544 54.3629 71.2579C42.6566 71.7688 33.5848 81.6507 34.0884 93.3352Z" fill="white"/>
6
- <path d="M64.7272 100.626C63.4136 102.115 61.3555 102.436 60.1221 101.356C58.8887 100.268 58.947 98.1882 60.2534 96.7067C61.567 95.2178 63.6251 94.8967 64.8585 95.9768C66.0919 97.0643 66.0336 99.1443 64.7272 100.626ZM53.4807 90.9264C51.2182 93.4881 47.6567 94.0501 45.5256 92.1744C43.3945 90.3061 43.4966 86.7081 45.7591 84.1391C48.0142 81.5774 51.5758 81.0154 53.7142 82.8838C55.8453 84.7594 55.7431 88.3575 53.4807 90.9264ZM69.8652 91.7876C69.5149 83.7377 62.6983 77.4977 54.6337 77.848C46.5691 78.191 40.3219 85.0003 40.6722 93.0502C41.0226 101.1 47.8391 107.348 55.9036 106.997C63.9609 106.647 70.2156 99.8376 69.8652 91.7876" fill="#133441"/>
7
- <path d="M125.332 93.3352C125.843 105.027 135.74 114.091 147.446 113.58C159.145 113.077 168.224 103.195 167.713 91.5033C167.21 79.8188 157.313 70.7544 145.607 71.2579C133.901 71.7688 124.829 81.6507 125.332 93.3352Z" fill="white"/>
8
- <path d="M156.949 100.1C155.643 101.582 153.578 101.91 152.344 100.83C151.111 99.7427 151.177 97.6627 152.483 96.1739C153.789 94.6923 155.847 94.3639 157.081 95.4514C158.314 96.5315 158.256 98.6188 156.949 100.1V100.1ZM144.922 90.0726C142.36 92.3277 138.755 92.4445 136.872 90.3134C134.996 88.1896 135.551 84.6354 138.113 82.3729C140.682 80.1104 144.28 80.001 146.162 82.1247C148.045 84.2485 147.491 87.8101 144.922 90.0726ZM161.109 91.7876C160.759 83.7377 153.943 77.4977 145.878 77.848C137.821 78.191 131.566 85.0003 131.916 93.0502C132.259 101.1 139.083 107.348 147.148 106.997C155.205 106.647 161.46 99.8376 161.109 91.7876" fill="#133441"/>
9
- <path d="M131.098 52.5234C130.609 56.2455 137.141 58.4204 144.461 59.2305C151.022 59.9603 157.35 61.2521 158.853 56.4937C161.955 46.714 132.587 41.3279 131.098 52.5234Z" fill="#133441"/>
10
- <path d="M42.9277 56.4057C44.402 61.1642 50.7369 59.9162 57.298 59.2375C64.6327 58.4784 71.1793 56.34 70.7122 52.6179C69.3037 41.4151 39.8989 46.6042 42.9277 56.4057Z" fill="#133441"/>
11
- <path d="M169.332 119.193C169.332 121.915 165.209 124.119 160.115 124.119C155.028 124.119 150.904 121.915 150.904 119.193C150.904 116.471 155.028 114.267 160.115 114.267C165.209 114.267 169.332 116.471 169.332 119.193Z" fill="#A592FF"/>
12
- <path d="M49.0941 119.193C49.0941 121.915 44.9707 124.119 39.8765 124.119C34.7896 124.119 30.666 121.915 30.666 119.193C30.666 116.471 34.7896 114.267 39.8765 114.267C44.9707 114.267 49.0941 116.471 49.0941 119.193Z" fill="#A592FF"/>
13
- </svg>
1
+ <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.334 96.5335C13.334 57.3126 13.334 37.7022 25.5183 25.5179C37.7027 13.3335 57.3131 13.3335 96.534 13.3335H103.467C142.688 13.3335 162.299 13.3335 174.483 25.5179C186.667 37.7022 186.667 57.3126 186.667 96.5335V103.467C186.667 142.688 186.667 162.298 174.483 174.482C162.299 186.667 142.688 186.667 103.467 186.667H96.534C57.3131 186.667 37.7027 186.667 25.5183 174.482C13.334 162.298 13.334 142.688 13.334 103.467V96.5335Z" fill="#6949FF"/>
3
+ <path d="M46.6191 110.589C46.6191 134.447 65.9597 153.787 89.8175 153.787H109.954C133.811 153.787 153.152 134.447 153.152 110.589V110.589C153.152 86.731 133.811 67.3904 109.954 67.3904H89.8175C65.9597 67.3904 46.6191 86.731 46.6191 110.589V110.589Z" fill="#673AB3"/>
4
+ <path d="M88.2276 106.385C89.5267 111.552 95.3798 113.909 100.27 114.172C104.262 114.391 114.268 112.187 113.552 106.516C113.436 105.553 112.582 104.494 111.458 104.918C109.538 105.64 108.801 107.487 107.064 108.559C105.167 109.742 102.868 110.172 100.656 110.15C96.657 110.099 92.4094 108.654 89.8404 105.443C89.2055 104.648 88.0086 105.523 88.2276 106.385Z" fill="#133441"/>
5
+ <path d="M34.0884 93.3352C34.5992 105.027 44.4957 114.091 56.2021 113.58C67.9011 113.077 76.9803 103.195 76.4694 91.5033C75.9658 79.8188 66.0693 70.7544 54.3629 71.2579C42.6566 71.7688 33.5848 81.6507 34.0884 93.3352Z" fill="white"/>
6
+ <path d="M64.7272 100.626C63.4136 102.115 61.3555 102.436 60.1221 101.356C58.8887 100.268 58.947 98.1882 60.2534 96.7067C61.567 95.2178 63.6251 94.8967 64.8585 95.9768C66.0919 97.0643 66.0336 99.1443 64.7272 100.626ZM53.4807 90.9264C51.2182 93.4881 47.6567 94.0501 45.5256 92.1744C43.3945 90.3061 43.4966 86.7081 45.7591 84.1391C48.0142 81.5774 51.5758 81.0154 53.7142 82.8838C55.8453 84.7594 55.7431 88.3575 53.4807 90.9264ZM69.8652 91.7876C69.5149 83.7377 62.6983 77.4977 54.6337 77.848C46.5691 78.191 40.3219 85.0003 40.6722 93.0502C41.0226 101.1 47.8391 107.348 55.9036 106.997C63.9609 106.647 70.2156 99.8376 69.8652 91.7876" fill="#133441"/>
7
+ <path d="M125.332 93.3352C125.843 105.027 135.74 114.091 147.446 113.58C159.145 113.077 168.224 103.195 167.713 91.5033C167.21 79.8188 157.313 70.7544 145.607 71.2579C133.901 71.7688 124.829 81.6507 125.332 93.3352Z" fill="white"/>
8
+ <path d="M156.949 100.1C155.643 101.582 153.578 101.91 152.344 100.83C151.111 99.7427 151.177 97.6627 152.483 96.1739C153.789 94.6923 155.847 94.3639 157.081 95.4514C158.314 96.5315 158.256 98.6188 156.949 100.1V100.1ZM144.922 90.0726C142.36 92.3277 138.755 92.4445 136.872 90.3134C134.996 88.1896 135.551 84.6354 138.113 82.3729C140.682 80.1104 144.28 80.001 146.162 82.1247C148.045 84.2485 147.491 87.8101 144.922 90.0726ZM161.109 91.7876C160.759 83.7377 153.943 77.4977 145.878 77.848C137.821 78.191 131.566 85.0003 131.916 93.0502C132.259 101.1 139.083 107.348 147.148 106.997C155.205 106.647 161.46 99.8376 161.109 91.7876" fill="#133441"/>
9
+ <path d="M131.098 52.5234C130.609 56.2455 137.141 58.4204 144.461 59.2305C151.022 59.9603 157.35 61.2521 158.853 56.4937C161.955 46.714 132.587 41.3279 131.098 52.5234Z" fill="#133441"/>
10
+ <path d="M42.9277 56.4057C44.402 61.1642 50.7369 59.9162 57.298 59.2375C64.6327 58.4784 71.1793 56.34 70.7122 52.6179C69.3037 41.4151 39.8989 46.6042 42.9277 56.4057Z" fill="#133441"/>
11
+ <path d="M169.332 119.193C169.332 121.915 165.209 124.119 160.115 124.119C155.028 124.119 150.904 121.915 150.904 119.193C150.904 116.471 155.028 114.267 160.115 114.267C165.209 114.267 169.332 116.471 169.332 119.193Z" fill="#A592FF"/>
12
+ <path d="M49.0941 119.193C49.0941 121.915 44.9707 124.119 39.8765 124.119C34.7896 124.119 30.666 121.915 30.666 119.193C30.666 116.471 34.7896 114.267 39.8765 114.267C44.9707 114.267 49.0941 116.471 49.0941 119.193Z" fill="#A592FF"/>
13
+ </svg>
package/lib/components/Art/ImageArt.js CHANGED
@@ -8,8 +8,8 @@ import { isColor, useTheme } from '../../theme';
8
8
  import { Box } from '../Box';
9
9
  import { Skeleton } from '../Skeleton';
10
10
  import { getArtDimensionValue, isRemoteSource } from './utils';
11
- const StyledCanvas = styled(Canvas) `
12
- flex: 1;
11
+ const StyledCanvas = styled(Canvas) `
12
+ flex: 1;
13
13
  `;
14
14
  export const ImageArt = ({ art, width, height, size, fit, color, ...otherProps }) => {
15
15
  const theme = useTheme();
package/lib/components/Art/SvgArt.js CHANGED
@@ -8,8 +8,8 @@ import { useTheme } from '../../theme';
8
8
  import { Box } from '../Box';
9
9
  import { Skeleton } from '../Skeleton';
10
10
  import { getArtDimensionValue, isRemoteSource } from './utils';
11
- const StyledCanvas = styled(Canvas) `
12
- flex: 1;
11
+ const StyledCanvas = styled(Canvas) `
12
+ flex: 1;
13
13
  `;
14
14
  export const SvgArt = ({ art, width, height, size, fit = 'fill', useAnimated, animatedStyle, ...otherProps }) => {
15
15
  const theme = useTheme();
package/lib/components/Base/index.js CHANGED
@@ -10,12 +10,12 @@ import { Box } from '../Box';
10
10
  import { Header } from '../Header';
11
11
  import { useNotificationContext } from '../Notification';
12
12
  import { BaseFooter } from './BaseFooter';
13
- const StyledSafeAreaView = styled(SafeAreaView) `
14
- flex: 1;
13
+ const StyledSafeAreaView = styled(SafeAreaView) `
14
+ flex: 1;
15
15
  `;
16
- const StyledKeyboardAvoidingView = styled(KeyboardAvoidingView) `
17
- flex: 1;
18
- margin-top: ${({ marginTop }) => marginTop}px;
16
+ const StyledKeyboardAvoidingView = styled(KeyboardAvoidingView) `
17
+ flex: 1;
18
+ margin-top: ${({ marginTop }) => marginTop}px;
19
19
  `;
20
20
  export const Base = props => {
21
21
  const theme = useTheme();
package/lib/components/Box/StyledBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledBox.d.ts","sourceRoot":"","sources":["../../../src/components/Box/StyledBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAe,EACb,KAAK,UAAU,EAIhB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,UAAU,EAEX,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,EACZ,KAAK,MAAM,UAAU,EACrB,OAAO,UAAU;;;;aAuBlB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,OAAO,KAAK,EAAE,OAAO,UAAU,OASvE,CAAC;AAWF,eAAO,MAAM,UAAU,EAA0B,KAAK,CAAC,MAAM,UAAU,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,EACZ,OAAO,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;CAUpD,CAAC;AAEF,eAAO,MAAM,SAAS;;SAO6jF,MAAO,WAAW;;;EALtiF,CAAC;AAEhE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAGqjF,MAAO,WAAW;;;EADtiF,CAAC"}
1
+ {"version":3,"file":"StyledBox.d.ts","sourceRoot":"","sources":["../../../src/components/Box/StyledBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAe,EACb,KAAK,UAAU,EAIhB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,UAAU,EAEX,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,EACZ,KAAK,MAAM,UAAU,EACrB,OAAO,UAAU;;;;aAuBlB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,OAAO,KAAK,EAAE,OAAO,UAAU,OASvE,CAAC;AAWF,eAAO,MAAM,UAAU,EAA0B,KAAK,CAAC,MAAM,UAAU,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,EACZ,OAAO,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;CAUpD,CAAC;AAEF,eAAO,MAAM,SAAS;;SAOwpF,MAAO,WAAW;;;EALjoF,CAAC;AAEhE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAGgpF,MAAO,WAAW;;;EADjoF,CAAC"}
package/lib/components/Button/StyledButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/StyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAsBzC,eAAO,MAAM,qBAAqB;;SAgD6xH,MAAO,WAAW;UAxC/0H,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;SAsCkyH,MAAO,WAAW;;eArCr0H,OAAO;gBACN,KAAK;qBACA,KAAK;UAUrB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;SAuBg+F,MAAO,WAAW;;mBAtBtgG,MAAM,GAAG,OAAO;;;EAQ9B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;SAYkyH,MAAO,WAAW;;eAXr0H,OAAO;gBACN,KAAK;qBACA,KAAK;UAQrB,CAAC"}
1
+ {"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/StyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAsBzC,eAAO,MAAM,qBAAqB;;SAgDw2H,MAAO,WAAW;UAxC15H,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;SAsC62H,MAAO,WAAW;;eArCh5H,OAAO;gBACN,KAAK;qBACA,KAAK;UAUrB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;SAuB2iG,MAAO,WAAW;;mBAtBjlG,MAAM,GAAG,OAAO;;;EAQ9B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;SAY62H,MAAO,WAAW;;eAXh5H,OAAO;gBACN,KAAK;qBACA,KAAK;UAQrB,CAAC"}
package/lib/components/Card/StyledCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/StyledCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuB8wI,MAAO,WAAW;;iBAtBlzI,MAAM;;;EAWnB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;SAS8wI,MAAO,WAAW;;WARxzI,MAAM;YACL,MAAM;kBACA,MAAM;sBACF,MAAM;qBACP,MAAM;;;EAGvB,CAAC"}
1
+ {"version":3,"file":"StyledCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/StyledCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuByyI,MAAO,WAAW;;iBAtB70I,MAAM;;;EAWnB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;SASyyI,MAAO,WAAW;;WARn1I,MAAM;YACL,MAAM;kBACA,MAAM;sBACF,MAAM;qBACP,MAAM;;;EAGvB,CAAC"}
package/lib/components/Divider/StyledDivider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledDivider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/StyledDivider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,QAAA,MAAM,aAAa;;;;SAsB2mK,MAAO,WAAW;;iBArBloK,YAAY,GAAG,UAAU;gBACzB,KAAK,GAAG,SAAS;UAiB7B,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"StyledDivider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/StyledDivider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,QAAA,MAAM,aAAa;;;;SAsBsoK,MAAO,WAAW;;iBArB7pK,YAAY,GAAG,UAAU;gBACzB,KAAK,GAAG,SAAS;UAiB7B,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}
package/lib/components/Icon/PlainIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PlainIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/PlainIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,eAAO,MAAM,QAAQ,UAAoC,CAAC;AAC1D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAQzD,QAAA,MAAM,eAAe;;SAWw+H,MAAO,WAAW;;eAVlgI,IAAI,GAAG,MAAM;gBACZ,KAAK;;;EAMhB,CAAC;AAEJ,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"PlainIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/PlainIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,eAAO,MAAM,QAAQ,UAAoC,CAAC;AAC1D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAQzD,QAAA,MAAM,eAAe;;SAWsgI,MAAO,WAAW;;eAVhiI,IAAI,GAAG,MAAM;gBACZ,KAAK;;;EAMhB,CAAC;AAEJ,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,CAAC"}
package/lib/components/Image/ImageDetail.js CHANGED
@@ -6,8 +6,8 @@ import { isNumber } from 'lodash';
6
6
  import { useCallback, useState } from 'react';
7
7
  import { Base, Box, Icon, Touchable } from '../../components';
8
8
  import { calculateCanvasSize } from './utils';
9
- const StyledCanvas = styled(Canvas) `
10
- flex: 1;
9
+ const StyledCanvas = styled(Canvas) `
10
+ flex: 1;
11
11
  `;
12
12
  const ImageDetail = ({ image, width, height, onBack, }) => {
13
13
  const theme = useTheme();
package/lib/components/Input/StyledInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledInput.d.ts","sourceRoot":"","sources":["../../../src/components/Input/StyledInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,QAAA,MAAM,WAAW;;SAkBmzI,MAAO,WAAW;;UAjB90I,SAAS;gBACH,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;;;EAanD,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"StyledInput.d.ts","sourceRoot":"","sources":["../../../src/components/Input/StyledInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,QAAA,MAAM,WAAW;;SAkB00I,MAAO,WAAW;;UAjBr2I,SAAS;gBACH,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;;;EAanD,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
package/lib/components/Loading/StyledLoading.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledLoading.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/StyledLoading.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;SAoB03K,MAAO,WAAW;;UAnB75K,MAAM;cACF,MAAM;UAOhB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;SAS6wB,MAAO,WAAW;;;EADj0B,CAAC"}
1
+ {"version":3,"file":"StyledLoading.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/StyledLoading.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;SAoBi5K,MAAO,WAAW;;UAnBp7K,MAAM;cACF,MAAM;UAOhB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;SASoyB,MAAO,WAAW;;;EADx1B,CAAC"}
package/lib/components/Loading/StyledLoading.js CHANGED
@@ -7,12 +7,12 @@ export const StyledCanvas = styled(Canvas)(({ size, opacity }) => {
7
7
  opacity,
8
8
  };
9
9
  });
10
- export const StyledLoadingContainer = styled.View `
11
- position: absolute;
12
- top: 0;
13
- left: 0;
14
- right: 0;
15
- bottom: 0;
16
- justify-content: center;
17
- align-items: center;
10
+ export const StyledLoadingContainer = styled.View `
11
+ position: absolute;
12
+ top: 0;
13
+ left: 0;
14
+ right: 0;
15
+ bottom: 0;
16
+ justify-content: center;
17
+ align-items: center;
18
18
  `;
package/lib/components/Notification/Toast.js CHANGED
@@ -8,16 +8,16 @@ import { Box } from '../Box';
8
8
  import { Card } from '../Card';
9
9
  import { Icon } from '../Icon';
10
10
  import { Text } from '../Text';
11
- const StyledBackground = styled.View `
12
- background-color: ${({ theme, color, opacity }) => ColorUtils.convertHexToRGBA(theme.colors[color], opacity)};
13
- position: absolute;
14
- top: 0;
15
- left: 0;
16
- right: 0;
17
- bottom: 0;
11
+ const StyledBackground = styled.View `
12
+ background-color: ${({ theme, color, opacity }) => ColorUtils.convertHexToRGBA(theme.colors[color], opacity)};
13
+ position: absolute;
14
+ top: 0;
15
+ left: 0;
16
+ right: 0;
17
+ bottom: 0;
18
18
  `;
19
- const StyledText = styled(Text) `
20
- max-width: ${({ maxWidth }) => maxWidth}px;
19
+ const StyledText = styled(Text) `
20
+ max-width: ${({ maxWidth }) => maxWidth}px;
21
21
  `;
22
22
  export const Toast = ({ type, message }) => {
23
23
  const theme = useTheme();
package/lib/components/Progress/StyledProgress.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledProgress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/StyledProgress.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;SA4Bk/J,MAAO,WAAW;;wBA3B1gK,MAAM;qBACT,MAAM;cACb,MAAM;eACL,MAAM;UAYjB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAUqrI,MAAO,WAAW;;qBATltI,MAAM;kBACT,MAAM;;;EAOpB,CAAC"}
1
+ {"version":3,"file":"StyledProgress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/StyledProgress.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;SA4BmhK,MAAO,WAAW;;wBA3B3iK,MAAM;qBACT,MAAM;cACb,MAAM;eACL,MAAM;UAYjB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAUstI,MAAO,WAAW;;qBATnvI,MAAM;kBACT,MAAM;;;EAOpB,CAAC"}
package/lib/components/Scrollable/StyledScrollable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledScrollable.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollable/StyledScrollable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAErF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4C/C,eAAO,MAAM,2BAA2B,GACtC,OAAO,KAAK,EACZ,OAAO,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,OAAO,KAAK,EACZ,OAAO,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,gBAAgB;;SApBQ,MAAO,WAAW;;;EAsBtD,CAAC"}
1
+ {"version":3,"file":"StyledScrollable.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollable/StyledScrollable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAErF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4C/C,eAAO,MAAM,2BAA2B,GACtC,OAAO,KAAK,EACZ,OAAO,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,OAAO,KAAK,EACZ,OAAO,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,gBAAgB;;SAnBQ,MAAO,WAAW;;;EAqBtD,CAAC"}
package/lib/components/Squircle/index.js CHANGED
@@ -4,8 +4,8 @@ import { Canvas, Path } from '@shopify/react-native-skia';
4
4
  import { useMemo } from 'react';
5
5
  import { StyleSheet } from 'react-native';
6
6
  import { drawSquirclePath } from './utils';
7
- const StyledCanvas = styled(Canvas) `
8
- ${StyleSheet.absoluteFill}
7
+ const StyledCanvas = styled(Canvas) `
8
+ ${StyleSheet.absoluteFill}
9
9
  `;
10
10
  export const Squircle = ({ borderRadius, backgroundColor, borderSmoothing = 1, width, height, style, }) => {
11
11
  const path = useMemo(() => {
package/lib/components/Text/StyledText.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../src/components/Text/StyledText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEtE,QAAA,MAAM,UAAU;;SAwC0tH,MAAO,WAAW;;mBAvC3uH,QAAQ;sBACL,UAAU;gBAChB,KAAK;mBACF,MAAM,KAAK,CAAC,MAAM,CAAC;gBACtB,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS;oBACzD,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS;yBACxD,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,wBAAwB,GAAG,SAAS;;;EA8BhG,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../src/components/Text/StyledText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEtE,QAAA,MAAM,UAAU;;SAwCuwH,MAAO,WAAW;;mBAvCxxH,QAAQ;sBACL,UAAU;gBAChB,KAAK;mBACF,MAAM,KAAK,CAAC,MAAM,CAAC;gBACtB,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS;oBACzD,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS;yBACxD,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,wBAAwB,GAAG,SAAS;;;EA8BhG,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}
package/lib/components/Text/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgCzC,eAAO,MAAM,IAAI;eAG8V,CAAC;6CAHrU,CAAC;AAE5C,YAAY,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgCzC,eAAO,MAAM,IAAI;eAGqV,CAAC;6CAH5T,CAAC;AAE5C,YAAY,EAAE,SAAS,EAAE,CAAC"}
package/lib/components/Video/StyledVideoControlManager.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledVideoControlManager.d.ts","sourceRoot":"","sources":["../../../src/components/Video/StyledVideoControlManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAI/C,QAAA,MAAM,sBAAsB;;SAuFw9E,MAAO,WAAW;;UAtF9/E,YAAY,GAAG,UAAU;;;EAa/B,CAAC;AAEH,QAAA,MAAM,oBAAoB;;SAuE09E,MAAO,WAAW;;UAtE9/E,YAAY,GAAG,UAAU;;;EAW/B,CAAC;AAEH,QAAA,MAAM,mBAAmB;;;;SAyDsxG,MAAO,WAAW;;UAxDzzG,YAAY,GAAG,UAAU;UAa/B,CAAC;AAEH,QAAA,MAAM,oBAAoB;;SAyCqxG,MAAO,WAAW;;UAxCzzG,YAAY,GAAG,UAAU;UAO/B,CAAC;AAEH,QAAA,MAAM,aAAa;;;;SA+B4xG,MAAO,WAAW;;UA9BzzG,YAAY,GAAG,UAAU;UAO/B,CAAC;AAGH,QAAA,MAAM,mBAAmB;;SAoB29E,MAAO,WAAW;;UAnB9/E,YAAY,GAAG,UAAU;;;EAS/B,CAAC;AAEH,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,mBAAmB,GACpB,CAAC"}
1
+ {"version":3,"file":"StyledVideoControlManager.d.ts","sourceRoot":"","sources":["../../../src/components/Video/StyledVideoControlManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAI/C,QAAA,MAAM,sBAAsB;;SAuFojF,MAAO,WAAW;;UAtF1lF,YAAY,GAAG,UAAU;;;EAa/B,CAAC;AAEH,QAAA,MAAM,oBAAoB;;SAuEsjF,MAAO,WAAW;;UAtE1lF,YAAY,GAAG,UAAU;;;EAW/B,CAAC;AAEH,QAAA,MAAM,mBAAmB;;;;SAyDk3G,MAAO,WAAW;;UAxDr5G,YAAY,GAAG,UAAU;UAa/B,CAAC;AAEH,QAAA,MAAM,oBAAoB;;SAyCi3G,MAAO,WAAW;;UAxCr5G,YAAY,GAAG,UAAU;UAO/B,CAAC;AAEH,QAAA,MAAM,aAAa;;;;SA+Bw3G,MAAO,WAAW;;UA9Br5G,YAAY,GAAG,UAAU;UAO/B,CAAC;AAGH,QAAA,MAAM,mBAAmB;;SAoBujF,MAAO,WAAW;;UAnB1lF,YAAY,GAAG,UAAU;;;EAS/B,CAAC;AAEH,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,mBAAmB,GACpB,CAAC"}
package/lib/components/Video/StyledVideoDetail.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StyledVideoDetail.d.ts","sourceRoot":"","sources":["../../../src/components/Video/StyledVideoDetail.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB;;;;SA2BisK,MAAO,WAAW;;UA1BruK,YAAY,GAAG,UAAU;UAQ/B,CAAC;AAEH,QAAA,MAAM,kBAAkB;;;;SAgBmsK,MAAO,WAAW;UAJ3uK,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"StyledVideoDetail.d.ts","sourceRoot":"","sources":["../../../src/components/Video/StyledVideoDetail.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB;;;;SA2BguK,MAAO,WAAW;;UA1BpwK,YAAY,GAAG,UAAU;UAQ/B,CAAC;AAEH,QAAA,MAAM,kBAAkB;;;;SAgBkuK,MAAO,WAAW;UAJ1wK,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC"}
package/lib/components/Vimeo/utils.js CHANGED
@@ -65,62 +65,62 @@ export const getVimeoParams = (props) => {
65
65
  }
66
66
  return params.toString();
67
67
  };
68
- export const getInjectedJavaScript = (url) => `
69
- const getOrientation = () => {
70
- const orientation = document.fullscreenElement ? 'landscape' : 'portrait';
71
- return orientation;
72
- };
73
-
74
- const sendEvent = (name, data) => {
75
- window.ReactNativeWebView.postMessage(JSON.stringify({ name, data }));
76
- };
77
-
78
- const addListeners = () => {
79
- const video = document.querySelector('video');
80
- const controls = document.querySelector('.vp-controls');
81
- let isVisibleControls = ${!url.includes('controls=0')};
82
- window.addEventListener("fullscreenchange", (e) => {
83
- const orientation = getOrientation();
84
- sendEvent('fullscreenchange', { e, orientation });
85
- }, false);
86
-
87
- if(video) {
88
- video.addEventListener("timeupdate", (e) => {
89
- const percent = Math.round((e.target.currentTime / e.target.duration)*100).toFixed();
90
- sendEvent('timeupdate', { currentTime: e.target.currentTime, duration: e.target.duration, percent });
91
- });
92
- video.addEventListener('audioprocess', (e) => sendEvent('audioprocess', e));
93
- video.addEventListener('canplay', (e) => sendEvent('canplay', e));
94
- video.addEventListener('canplaythrough', (e) => sendEvent('canplaythrough', e));
95
- video.addEventListener('complete', (e) => sendEvent('complete', e));
96
- video.addEventListener('durationchange', (e) => sendEvent('durationchange', e));
97
- video.addEventListener('emptied', (e) => sendEvent('emptied', e));
98
- video.addEventListener('ended', (e) => sendEvent('ended', e));
99
- video.addEventListener('loadeddata', (e) => sendEvent('loadeddata', e));
100
- video.addEventListener('loadedmetadata', (e) => sendEvent('loadedmetadata', e));
101
- video.addEventListener('pause', (e) => sendEvent('pause', e));
102
- video.addEventListener('play', (e) => sendEvent('play', e));
103
- video.addEventListener('playing', (e) => sendEvent('playing', e));
104
- video.addEventListener('ratechange', (e) => sendEvent('ratechange', e));
105
- video.addEventListener('seeked', (e) => sendEvent('seeked', e));
106
- video.addEventListener('seeking', (e) => sendEvent('seeking', e));
107
- video.addEventListener('stalled', (e) => sendEvent('stalled', e));
108
- video.addEventListener('suspend', (e) => sendEvent('suspend', e));
109
- // video.addEventListener('timeupdate', (e) => sendEvent('timeupdate', e));
110
- video.addEventListener('volumechange', (e) => sendEvent('volumechange', e));
111
- video.addEventListener('waiting', (e) => sendEvent('waiting', e));
112
- }
113
-
114
- setInterval(()=>{
115
- if(controls) {
116
- const visible = !controls.classList.contains("invisible");
117
- if(visible !== isVisibleControls){
118
- isVisibleControls = visible;
119
- sendEvent('controlschange', { visible });
120
- }
121
- }
122
- },300);
123
- };
124
-
125
- setTimeout(function(){addListeners()}, 1000);
68
+ export const getInjectedJavaScript = (url) => `
69
+ const getOrientation = () => {
70
+ const orientation = document.fullscreenElement ? 'landscape' : 'portrait';
71
+ return orientation;
72
+ };
73
+
74
+ const sendEvent = (name, data) => {
75
+ window.ReactNativeWebView.postMessage(JSON.stringify({ name, data }));
76
+ };
77
+
78
+ const addListeners = () => {
79
+ const video = document.querySelector('video');
80
+ const controls = document.querySelector('.vp-controls');
81
+ let isVisibleControls = ${!url.includes('controls=0')};
82
+ window.addEventListener("fullscreenchange", (e) => {
83
+ const orientation = getOrientation();
84
+ sendEvent('fullscreenchange', { e, orientation });
85
+ }, false);
86
+
87
+ if(video) {
88
+ video.addEventListener("timeupdate", (e) => {
89
+ const percent = Math.round((e.target.currentTime / e.target.duration)*100).toFixed();
90
+ sendEvent('timeupdate', { currentTime: e.target.currentTime, duration: e.target.duration, percent });
91
+ });
92
+ video.addEventListener('audioprocess', (e) => sendEvent('audioprocess', e));
93
+ video.addEventListener('canplay', (e) => sendEvent('canplay', e));
94
+ video.addEventListener('canplaythrough', (e) => sendEvent('canplaythrough', e));
95
+ video.addEventListener('complete', (e) => sendEvent('complete', e));
96
+ video.addEventListener('durationchange', (e) => sendEvent('durationchange', e));
97
+ video.addEventListener('emptied', (e) => sendEvent('emptied', e));
98
+ video.addEventListener('ended', (e) => sendEvent('ended', e));
99
+ video.addEventListener('loadeddata', (e) => sendEvent('loadeddata', e));
100
+ video.addEventListener('loadedmetadata', (e) => sendEvent('loadedmetadata', e));
101
+ video.addEventListener('pause', (e) => sendEvent('pause', e));
102
+ video.addEventListener('play', (e) => sendEvent('play', e));
103
+ video.addEventListener('playing', (e) => sendEvent('playing', e));
104
+ video.addEventListener('ratechange', (e) => sendEvent('ratechange', e));
105
+ video.addEventListener('seeked', (e) => sendEvent('seeked', e));
106
+ video.addEventListener('seeking', (e) => sendEvent('seeking', e));
107
+ video.addEventListener('stalled', (e) => sendEvent('stalled', e));
108
+ video.addEventListener('suspend', (e) => sendEvent('suspend', e));
109
+ // video.addEventListener('timeupdate', (e) => sendEvent('timeupdate', e));
110
+ video.addEventListener('volumechange', (e) => sendEvent('volumechange', e));
111
+ video.addEventListener('waiting', (e) => sendEvent('waiting', e));
112
+ }
113
+
114
+ setInterval(()=>{
115
+ if(controls) {
116
+ const visible = !controls.classList.contains("invisible");
117
+ if(visible !== isVisibleControls){
118
+ isVisibleControls = visible;
119
+ sendEvent('controlschange', { visible });
120
+ }
121
+ }
122
+ },300);
123
+ };
124
+
125
+ setTimeout(function(){addListeners()}, 1000);
126
126
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aic-kits/react-native",
3
- "version": "0.33.0",
3
+ "version": "0.33.1",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -108,5 +108,5 @@
108
108
  "engines": {
109
109
  "node": ">=18"
110
110
  },
111
- "gitHead": "1f03cd81c0485788a80ee97031356645c64c0a00"
111
+ "gitHead": "709ae5b5b9d326cc614fe812c4362bccd760b3a0"
112
112
  }