@usecapsule/core-components 1.0.13 → 2.0.0-dev.dropdown

Sign up to get free protection for your applications and to get access to all the features.
Files changed (173) hide show
  1. package/css/capsule-core.css +86 -41
  2. package/css/capsule-core.css.map +1 -1
  3. package/dist/capsule/capsule.esm.js +1 -1
  4. package/dist/capsule/capsule.esm.js.map +1 -1
  5. package/dist/capsule/index.esm.js +1 -1
  6. package/dist/capsule/index.esm.js.map +1 -1
  7. package/dist/capsule/p-0462f723.js +2 -0
  8. package/dist/capsule/p-0462f723.js.map +1 -0
  9. package/dist/capsule/p-0cab90fa.entry.js +2 -0
  10. package/dist/capsule/{p-1dc07cd7.entry.js.map → p-0cab90fa.entry.js.map} +1 -1
  11. package/dist/capsule/{p-11048392.entry.js → p-193ac141.entry.js} +2 -2
  12. package/dist/capsule/p-6fb7c4d1.js +3 -0
  13. package/dist/capsule/p-6fb7c4d1.js.map +1 -0
  14. package/dist/capsule/{p-62e7869a.entry.js → p-a95ec4df.entry.js} +2 -2
  15. package/dist/capsule/p-bea93fae.entry.js +29 -0
  16. package/dist/capsule/p-bea93fae.entry.js.map +1 -0
  17. package/dist/capsule/p-c2bf050b.js +2 -0
  18. package/dist/capsule/p-c2bf050b.js.map +1 -0
  19. package/dist/capsule/p-cb8dc0a4.entry.js +2 -0
  20. package/dist/capsule/p-d7be092d.entry.js +10 -0
  21. package/dist/capsule/p-d7be092d.entry.js.map +1 -0
  22. package/dist/cjs/_commonjsHelpers-b3309d7b.js +12 -0
  23. package/dist/cjs/_commonjsHelpers-b3309d7b.js.map +1 -0
  24. package/dist/cjs/capsule.cjs.js +2 -2
  25. package/dist/cjs/constants-4bb85cc5.js +12 -0
  26. package/dist/cjs/constants-4bb85cc5.js.map +1 -0
  27. package/dist/cjs/{cpsl-alert_17.cjs.entry.js → cpsl-alert_18.cjs.entry.js} +3838 -537
  28. package/dist/cjs/cpsl-alert_18.cjs.entry.js.map +1 -0
  29. package/dist/cjs/cpsl-animation.cjs.entry.js +20129 -0
  30. package/dist/cjs/cpsl-animation.cjs.entry.js.map +1 -0
  31. package/dist/cjs/cpsl-col.cjs.entry.js +2 -2
  32. package/dist/cjs/cpsl-grid.cjs.entry.js +3 -3
  33. package/dist/cjs/cpsl-info-box.cjs.entry.js +3 -3
  34. package/dist/cjs/cpsl-info-box.cjs.entry.js.map +1 -1
  35. package/dist/cjs/cpsl-row.cjs.entry.js +2 -2
  36. package/dist/cjs/{index-2a026742.js → index-3fccb5b4.js} +24 -3
  37. package/dist/cjs/index-3fccb5b4.js.map +1 -0
  38. package/dist/cjs/index.cjs.js +358 -0
  39. package/dist/cjs/index.cjs.js.map +1 -1
  40. package/dist/cjs/loader.cjs.js +2 -2
  41. package/dist/collection/assets/icons/capsule-rings-dark.svg +34 -0
  42. package/dist/collection/assets/icons/capsule.svg +4 -4
  43. package/dist/collection/assets/icons/chevron-up.svg +3 -0
  44. package/dist/collection/assets/icons/hero-email.svg +8 -30
  45. package/dist/collection/assets/icons/hero-lock.svg +4 -34
  46. package/dist/collection/assets/icons/hero-passkey.svg +9 -17
  47. package/dist/collection/assets/icons/hero-phone.svg +4 -15
  48. package/dist/collection/assets/icons/hero-wallet.svg +5 -44
  49. package/dist/collection/assets/icons/index.js +5 -2
  50. package/dist/collection/assets/icons/index.js.map +1 -1
  51. package/dist/collection/assets/icons/more-login-options.svg +10 -10
  52. package/dist/collection/assets/icons/plus-circle.svg +5 -0
  53. package/dist/collection/assets/icons/wallet.svg +5 -0
  54. package/dist/collection/collection-manifest.json +2 -0
  55. package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
  56. package/dist/collection/components/cpsl-animation/cpsl-animation.css +17 -0
  57. package/dist/collection/components/cpsl-animation/cpsl-animation.js +102 -0
  58. package/dist/collection/components/cpsl-animation/cpsl-animation.js.map +1 -0
  59. package/dist/collection/components/cpsl-animation/test/cpsl-animation.e2e.js +29 -0
  60. package/dist/collection/components/cpsl-animation/test/cpsl-animation.e2e.js.map +1 -0
  61. package/dist/collection/components/cpsl-animation/test/cpsl-animation.spec.js +37 -0
  62. package/dist/collection/components/cpsl-animation/test/cpsl-animation.spec.js.map +1 -0
  63. package/dist/collection/components/cpsl-button/cpsl-button.css +3 -0
  64. package/dist/collection/components/cpsl-button/cpsl-button.js +2 -2
  65. package/dist/collection/components/cpsl-button/cpsl-button.js.map +1 -1
  66. package/dist/collection/components/cpsl-code-input/cpsl-code-input.js +1 -1
  67. package/dist/collection/components/cpsl-col/cpsl-col.js +1 -1
  68. package/dist/collection/components/cpsl-divider/cpsl-divider.js +1 -1
  69. package/dist/collection/components/cpsl-dropdown/cpsl-dropdown.css +88 -0
  70. package/dist/collection/components/cpsl-dropdown/cpsl-dropdown.js +113 -0
  71. package/dist/collection/components/cpsl-dropdown/cpsl-dropdown.js.map +1 -0
  72. package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.e2e.js +29 -0
  73. package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.e2e.js.map +1 -0
  74. package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.spec.js +37 -0
  75. package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.spec.js.map +1 -0
  76. package/dist/collection/components/cpsl-grid/cpsl-grid.js +2 -2
  77. package/dist/collection/components/cpsl-icon/cpsl-icon.css +14 -0
  78. package/dist/collection/components/cpsl-icon/cpsl-icon.js +2 -3
  79. package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +1 -1
  80. package/dist/collection/components/cpsl-info-box/cpsl-info-box.css +1 -1
  81. package/dist/collection/components/cpsl-info-box/cpsl-info-box.js +1 -1
  82. package/dist/collection/components/cpsl-input/cpsl-input.css +12 -7
  83. package/dist/collection/components/cpsl-input/cpsl-input.js +8 -6
  84. package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
  85. package/dist/collection/components/cpsl-modal/cpsl-modal.css +46 -4
  86. package/dist/collection/components/cpsl-modal/cpsl-modal.js +341 -24
  87. package/dist/collection/components/cpsl-modal/cpsl-modal.js.map +1 -1
  88. package/dist/collection/components/cpsl-overlay/cpsl-overlay.js +30 -13
  89. package/dist/collection/components/cpsl-overlay/cpsl-overlay.js.map +1 -1
  90. package/dist/collection/components/cpsl-pill/cpsl-pill.css +3 -3
  91. package/dist/collection/components/cpsl-pill/cpsl-pill.js +1 -1
  92. package/dist/collection/components/cpsl-progress-indicator/cpsl-progress-indicator.css +3 -3
  93. package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.css +3 -3
  94. package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
  95. package/dist/collection/components/cpsl-row/cpsl-row.js +1 -1
  96. package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.css +11 -9
  97. package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +3 -3
  98. package/dist/collection/components/cpsl-spinner/cpsl-spinner.css +2 -2
  99. package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +2 -2
  100. package/dist/collection/components/cpsl-tab/cpsl-tab.js +1 -1
  101. package/dist/collection/components/cpsl-tabs/cpsl-tabs.css +17 -16
  102. package/dist/collection/components/cpsl-tabs/cpsl-tabs.js +2 -2
  103. package/dist/collection/components/cpsl-tabs/cpsl-tabs.js.map +1 -1
  104. package/dist/collection/components/cpsl-text/cpsl-text.css +101 -0
  105. package/dist/collection/components/cpsl-text/cpsl-text.js +110 -1
  106. package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
  107. package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.css +3 -0
  108. package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +2 -2
  109. package/dist/collection/constants.js +6 -0
  110. package/dist/collection/constants.js.map +1 -0
  111. package/dist/collection/index.js +1 -0
  112. package/dist/collection/index.js.map +1 -1
  113. package/dist/collection/interface.js.map +1 -1
  114. package/dist/collection/utils/theme/generateBorderRadii.js +56 -0
  115. package/dist/collection/utils/theme/generateBorderRadii.js.map +1 -0
  116. package/dist/collection/utils/theme/generateFont.js +28 -0
  117. package/dist/collection/utils/theme/generateFont.js.map +1 -0
  118. package/dist/collection/utils/theme/generatePalette.js +46 -0
  119. package/dist/collection/utils/theme/generatePalette.js.map +1 -0
  120. package/dist/collection/utils/theme/generateTheme.js +11 -0
  121. package/dist/collection/utils/theme/generateTheme.js.map +1 -0
  122. package/dist/collection/utils/theme/utils.js +21 -0
  123. package/dist/collection/utils/theme/utils.js.map +1 -0
  124. package/dist/esm/_commonjsHelpers-1789f0cf.js +9 -0
  125. package/dist/esm/_commonjsHelpers-1789f0cf.js.map +1 -0
  126. package/dist/esm/capsule.js +3 -3
  127. package/dist/esm/constants-7b49abd5.js +9 -0
  128. package/dist/esm/constants-7b49abd5.js.map +1 -0
  129. package/dist/esm/{cpsl-alert_17.entry.js → cpsl-alert_18.entry.js} +3837 -537
  130. package/dist/esm/cpsl-alert_18.entry.js.map +1 -0
  131. package/dist/esm/cpsl-animation.entry.js +20125 -0
  132. package/dist/esm/cpsl-animation.entry.js.map +1 -0
  133. package/dist/esm/cpsl-col.entry.js +2 -2
  134. package/dist/esm/cpsl-grid.entry.js +3 -3
  135. package/dist/esm/cpsl-info-box.entry.js +3 -3
  136. package/dist/esm/cpsl-info-box.entry.js.map +1 -1
  137. package/dist/esm/cpsl-row.entry.js +2 -2
  138. package/dist/esm/{index-7c2f5cb9.js → index-f00e090c.js} +24 -3
  139. package/dist/esm/index-f00e090c.js.map +1 -0
  140. package/dist/esm/index.js +355 -0
  141. package/dist/esm/index.js.map +1 -1
  142. package/dist/esm/loader.js +3 -3
  143. package/dist/types/assets/icons/index.d.ts +4 -1
  144. package/dist/types/components/cpsl-animation/cpsl-animation.d.ts +9 -0
  145. package/dist/types/components/cpsl-dropdown/cpsl-dropdown.d.ts +25 -0
  146. package/dist/types/components/cpsl-modal/cpsl-modal.d.ts +26 -5
  147. package/dist/types/components/cpsl-overlay/cpsl-overlay.d.ts +2 -2
  148. package/dist/types/components/cpsl-text/cpsl-text.d.ts +4 -0
  149. package/dist/types/components.d.ts +170 -13
  150. package/dist/types/constants.d.ts +3 -0
  151. package/dist/types/index.d.ts +2 -0
  152. package/dist/types/interface.d.ts +137 -0
  153. package/dist/types/utils/theme/generateBorderRadii.d.ts +2 -0
  154. package/dist/types/utils/theme/generateFont.d.ts +2 -0
  155. package/dist/types/utils/theme/generatePalette.d.ts +7 -0
  156. package/dist/types/utils/theme/generateTheme.d.ts +2 -0
  157. package/dist/types/utils/theme/utils.d.ts +5 -0
  158. package/package.json +5 -3
  159. package/dist/capsule/p-0e2fbb7f.entry.js +0 -20
  160. package/dist/capsule/p-0e2fbb7f.entry.js.map +0 -1
  161. package/dist/capsule/p-1dc07cd7.entry.js +0 -2
  162. package/dist/capsule/p-5c020abe.entry.js +0 -2
  163. package/dist/capsule/p-9647dd63.js +0 -3
  164. package/dist/capsule/p-9647dd63.js.map +0 -1
  165. package/dist/cjs/cpsl-alert_17.cjs.entry.js.map +0 -1
  166. package/dist/cjs/index-2a026742.js.map +0 -1
  167. package/dist/collection/assets/icons/more-login-options-dark.svg +0 -13
  168. package/dist/esm/cpsl-alert_17.entry.js.map +0 -1
  169. package/dist/esm/index-7c2f5cb9.js.map +0 -1
  170. /package/dist/capsule/{p-11048392.entry.js.map → p-193ac141.entry.js.map} +0 -0
  171. /package/dist/capsule/{p-62e7869a.entry.js.map → p-a95ec4df.entry.js.map} +0 -0
  172. /package/dist/capsule/{p-5c020abe.entry.js.map → p-cb8dc0a4.entry.js.map} +0 -0
  173. /package/dist/types/Users/{taylorbosch → vinay}/Documents/GitHub/Capsule/component-library/core/.stencil/scripts/buildIconLibrary.d.ts +0 -0
@@ -1,34 +1,12 @@
1
- <svg width="53" height="55" viewBox="0 0 53 55" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_493_27099)">
3
- <path d="M24.9509 0.525132L0 20.45H52.9206L27.9697 0.525132C27.0897 -0.175044 25.8309 -0.175044 24.9509 0.525132Z" fill="#C9C9C9"/>
4
- <path d="M51.4932 19.95H1.4274L25.2622 0.916389C25.2622 0.916352 25.2623 0.916315 25.2623 0.916277C25.96 0.361241 26.9605 0.361241 27.6582 0.916277C27.6583 0.916315 27.6583 0.916352 27.6584 0.916389L51.4932 19.95Z" stroke="#DADADA" stroke-opacity="0.854902"/>
5
- <path d="M53 20.45H0V54.9879H53V20.45Z" fill="#BDBDBD"/>
6
- <path d="M11.3514 6.44293H41.9052C43.9763 6.44293 45.6552 8.12186 45.6552 10.1929V47.4327C45.6552 49.5038 43.9763 51.1827 41.9052 51.1827H11.3514C9.28037 51.1827 7.60144 49.5038 7.60144 47.4327V10.1929C7.60144 8.12187 9.28037 6.44293 11.3514 6.44293Z" fill="url(#paint0_linear_493_27099)" stroke="#EDEDED" stroke-width="0.5"/>
7
- <path opacity="0.7" d="M52.5 21.2972V54.1528L22.7465 37.725L52.5 21.2972Z" fill="url(#paint1_linear_493_27099)" stroke="#DADADA"/>
8
- <path opacity="0.7" d="M0.499994 54.1528L0.499997 21.2972L30.2535 37.725L0.499994 54.1528Z" fill="url(#paint2_linear_493_27099)" stroke="#DADADA"/>
9
- <path opacity="0.7" d="M25.3425 33.3196L25.4304 33.2422C26.0646 32.7573 26.9717 32.7828 27.5771 33.3188L27.578 33.3196L51.5967 54.4819H1.32382L25.3425 33.3196Z" fill="url(#paint3_linear_493_27099)" stroke="#DADADA"/>
10
- <path d="M21.2736 23.6536C20.5709 22.9594 21.0368 21.5032 20.6778 20.6507C20.3188 19.7981 18.9438 19.0511 18.9438 18.108C18.9438 17.1649 20.3035 16.4481 20.6778 15.5653C21.0521 14.6826 20.5709 13.2566 21.2736 12.5624C21.9764 11.8683 23.4507 12.3285 24.3138 11.9739C25.177 11.6193 25.9332 10.2612 26.888 10.2612C27.8429 10.2612 28.5685 11.6042 29.4623 11.9739C30.356 12.3436 31.7997 11.8683 32.5024 12.5624C33.2052 13.2566 32.7392 14.7127 33.0983 15.5653C33.4573 16.4179 34.8322 17.1649 34.8322 18.108C34.8322 19.0511 33.4726 19.7679 33.0983 20.6507C32.724 21.5334 33.2052 22.9594 32.5024 23.6536C31.7997 24.3477 30.3254 23.8875 29.4623 24.2421C28.5991 24.5967 27.8429 25.9548 26.888 25.9548C25.9332 25.9548 25.2075 24.6118 24.3138 24.2421C23.4201 23.8724 21.9764 24.3477 21.2736 23.6536Z" fill="#2E2E2E"/>
11
- <path d="M30.249 16.2972L25.7652 20.5224L23.527 18.4098" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
2
+ <g clip-path="url(#clip0_1824_12406)">
3
+ <path d="M32 45.5L0 27L32 12L64 27L32 45.5Z" class="background-16"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0H51C53.2091 0 55 1.79086 55 4V51C55 53.2091 53.2091 55 51 55H13C10.7909 55 9 53.2091 9 51V4C9 1.79086 10.7909 0 13 0ZM24.6852 23.8262C24.1488 23.2803 24.1351 22.3834 24.1216 21.5039C24.1121 20.8824 24.1027 20.2696 23.909 19.7957C23.7141 19.3188 23.2892 18.8665 22.86 18.4095C22.2593 17.77 21.6499 17.1213 21.6499 16.383C21.6499 15.6495 22.2446 15.0181 22.8397 14.3862L22.8397 14.3862C23.2717 13.9275 23.7039 13.4686 23.909 12.9702C24.1136 12.4732 24.122 11.8477 24.1304 11.2204C24.1421 10.3523 24.1538 9.48056 24.6852 8.93975C25.2217 8.39388 26.1032 8.3799 26.9674 8.36619C27.5782 8.3565 28.1804 8.34695 28.6461 8.14986C29.1148 7.9515 29.5593 7.51919 30.0084 7.08239C30.6368 6.47113 31.2744 5.85107 31.9999 5.85107C32.7207 5.85107 33.3412 6.4562 33.9622 7.06176C34.413 7.50135 34.864 7.94115 35.3537 8.14986C35.8422 8.35804 36.4568 8.36659 37.0733 8.37516C37.9264 8.38703 38.7831 8.39895 39.3146 8.93975C39.851 9.48562 39.8647 10.3826 39.8782 11.262C39.8877 11.8836 39.8971 12.4964 40.0908 12.9702C40.2858 13.4472 40.7106 13.8994 41.1398 14.3564C41.7406 14.996 42.3499 15.6447 42.3499 16.383C42.3499 17.1164 41.7552 17.7479 41.1601 18.3798C40.7281 18.8385 40.2959 19.2974 40.0908 19.7957C39.8862 20.2928 39.8778 20.9182 39.8694 21.5456C39.8577 22.4136 39.846 23.2854 39.3146 23.8262C38.7781 24.3721 37.8966 24.3861 37.0324 24.3998C36.4216 24.4095 35.8194 24.419 35.3537 24.6161C34.885 24.8145 34.4405 25.2468 33.9914 25.6836C33.363 26.2948 32.7254 26.9149 31.9999 26.9149C31.2791 26.9149 30.6586 26.3098 30.0376 25.7042C29.5868 25.2646 29.1358 24.8248 28.6461 24.6161C28.1576 24.4079 27.543 24.3994 26.9265 24.3908C26.0734 24.3789 25.2167 24.367 24.6852 23.8262ZM37.4391 13.2424C37.8733 13.7141 37.8496 14.4546 37.3862 14.8965L31.2494 20.7476C30.8068 21.1695 30.1183 21.1692 29.6761 20.7469L26.6129 17.8213C26.1498 17.3791 26.1267 16.6385 26.5614 16.1672C26.996 15.696 27.7238 15.6725 28.1869 16.1148L30.4637 18.2894L35.8136 13.1886C36.2771 12.7467 37.0048 12.7708 37.4391 13.2424Z" class="foreground-0" opacity="0.95"/>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M32 45.5045L0 27.009V64H2.86102e-05H64L64 27.009L32 45.5045Z" class="background-16"/>
12
6
  </g>
13
7
  <defs>
14
- <linearGradient id="paint0_linear_493_27099" x1="26.6283" y1="6.19293" x2="26.6283" y2="51.4327" gradientUnits="userSpaceOnUse">
15
- <stop stop-color="white"/>
16
- <stop offset="1" stop-color="#DBDBDB"/>
17
- </linearGradient>
18
- <linearGradient id="paint1_linear_493_27099" x1="40.332" y1="44.3646" x2="52.9198" y2="20.3936" gradientUnits="userSpaceOnUse">
19
- <stop stop-color="#C6C6C6"/>
20
- <stop offset="1" stop-color="#EBEBEB"/>
21
- </linearGradient>
22
- <linearGradient id="paint2_linear_493_27099" x1="12.668" y1="31.0854" x2="0.0801635" y2="55.0563" gradientUnits="userSpaceOnUse">
23
- <stop stop-color="#C6C6C6"/>
24
- <stop offset="1" stop-color="#EBEBEB"/>
25
- </linearGradient>
26
- <linearGradient id="paint3_linear_493_27099" x1="26.4603" y1="32.3967" x2="26.4603" y2="54.9819" gradientUnits="userSpaceOnUse">
27
- <stop stop-color="#E8E8E8"/>
28
- <stop offset="1" stop-color="#C8C8C8"/>
29
- </linearGradient>
30
- <clipPath id="clip0_493_27099">
31
- <rect width="53" height="55" fill="white"/>
8
+ <clipPath id="clip0_1824_12406">
9
+ <rect width="64" height="64" fill="white"/>
32
10
  </clipPath>
33
11
  </defs>
34
- </svg>
12
+ </svg>
@@ -1,34 +1,4 @@
1
- <svg width="103" height="87" viewBox="0 0 103 87" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="34" y="40.6685" width="34.9786" height="23.6952" rx="6.39394" fill="url(#paint0_linear_889_10004)"/>
3
- <g filter="url(#filter0_d_889_10004)">
4
- <path d="M62.5729 40.9192V36.6566C62.5729 30.7711 57.6527 26 51.5833 26C45.514 26 40.5937 30.7711 40.5937 36.6566V40.9192M51.5833 50.5101V54.7727M44.55 64.3636H58.6167C62.3095 64.3636 64.1559 64.3636 65.5664 63.6667C66.8071 63.0537 67.8158 62.0756 68.448 60.8725C69.1667 59.5047 69.1667 57.7143 69.1667 54.1333V51.1495C69.1667 47.5686 69.1667 45.7781 68.448 44.4103C67.8158 43.2072 66.8071 42.2291 65.5664 41.6161C64.1559 40.9192 62.3095 40.9192 58.6167 40.9192H44.55C40.8572 40.9192 39.0107 40.9192 37.6003 41.6161C36.3596 42.2291 35.3508 43.2072 34.7187 44.4103C34 45.7781 34 47.5686 34 51.1495V54.1333C34 57.7143 34 59.5047 34.7187 60.8725C35.3508 62.0756 36.3596 63.0537 37.6003 63.6667C39.0107 64.3636 40.8572 64.3636 44.55 64.3636Z" stroke="url(#paint1_linear_889_10004)" stroke-width="2.25668" stroke-linecap="round" stroke-linejoin="round" shape-rendering="crispEdges"/>
5
- </g>
6
- <g opacity="0.93">
7
- <path d="M56.3027 47.9102C54.9012 46.5445 55.8305 43.6797 55.1145 42.0023C54.3984 40.325 51.6562 38.8555 51.6562 37C51.6562 35.1445 54.368 33.7344 55.1145 31.9977C55.8609 30.2609 54.9012 27.4555 56.3027 26.0898C57.7043 24.7242 60.6445 25.6297 62.366 24.932C64.0875 24.2344 65.5957 21.5625 67.5 21.5625C69.4043 21.5625 70.8516 24.2047 72.634 24.932C74.4164 25.6594 77.2957 24.7242 78.6973 26.0898C80.0988 27.4555 79.1695 30.3203 79.8855 31.9977C80.6016 33.675 83.3438 35.1445 83.3438 37C83.3438 38.8555 80.632 40.2656 79.8855 42.0023C79.1391 43.7391 80.0988 46.5445 78.6973 47.9102C77.2957 49.2758 74.3555 48.3703 72.634 49.068C70.9125 49.7656 69.4043 52.4375 67.5 52.4375C65.5957 52.4375 64.1484 49.7953 62.366 49.068C60.5836 48.3406 57.7043 49.2758 56.3027 47.9102Z" fill="url(#paint2_linear_889_10004)" stroke="#272727" stroke-linecap="round" stroke-linejoin="round"/>
8
- <path d="M74.2031 33.4375L65.2605 41.75L60.7969 37.5938" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9
- </g>
10
- <defs>
11
- <filter id="filter0_d_889_10004" x="0.902008" y="-7.09804" width="101.363" height="104.56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12
- <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13
- <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"/>
14
- <feOffset/>
15
- <feGaussianBlur stdDeviation="15.9848"/>
16
- <feComposite in2="hardAlpha" operator="out"/>
17
- <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
18
- <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_889_10004"/>
19
- <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_889_10004" result="shape"/>
20
- </filter>
21
- <linearGradient id="paint0_linear_889_10004" x1="51.4893" y1="40.6685" x2="51.4893" y2="64.3636" gradientUnits="userSpaceOnUse">
22
- <stop stop-color="#777777"/>
23
- <stop offset="1" stop-color="#C1C1C1"/>
24
- </linearGradient>
25
- <linearGradient id="paint1_linear_889_10004" x1="51.5833" y1="26" x2="51.5833" y2="64.3636" gradientUnits="userSpaceOnUse">
26
- <stop stop-color="#E6E6E6"/>
27
- <stop offset="1" stop-color="#535353"/>
28
- </linearGradient>
29
- <linearGradient id="paint2_linear_889_10004" x1="67.5" y1="21.5625" x2="67.5" y2="52.4375" gradientUnits="userSpaceOnUse">
30
- <stop stop-color="#666666"/>
31
- <stop offset="1" stop-color="#2C2C2C"/>
32
- </linearGradient>
33
- </defs>
34
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M40 21V27H38.4H17.6H16V21C16 14.3726 21.3726 9 28 9C34.6274 9 40 14.3726 40 21ZM12 27.0776V21C12 12.1634 19.1634 5 28 5C36.8366 5 44 12.1634 44 21V27.0776C46.0449 27.1844 47.4687 27.438 48.6764 28.0404C50.511 28.9555 52.0026 30.4158 52.9373 32.2119C54 34.2538 54 36.9268 54 42.2727V42.2727V46.7273V46.7273C54 52.0732 54 54.7462 52.9373 56.7881C52.0026 58.5842 50.511 60.0445 48.6764 60.9596C46.5908 62 43.8605 62 38.4001 62H38.4H17.6H17.5999C12.1395 62 9.40922 62 7.32359 60.9596C5.48901 60.0445 3.99745 58.5842 3.06269 56.7881C2 54.7462 2 52.0732 2 46.7273V42.2727C2 36.9268 2 34.2538 3.06269 32.2119C3.99745 30.4158 5.48901 28.9555 7.32359 28.0404C8.53128 27.438 9.9551 27.1844 12 27.0776ZM25.5238 41.1428C25.5238 39.7753 26.6324 38.6667 28 38.6667C29.3675 38.6667 30.4762 39.7753 30.4762 41.1428V47.8571C30.4762 49.2247 29.3675 50.3333 28 50.3333C26.6324 50.3333 25.5238 49.2247 25.5238 47.8571V41.1428Z" class="background-16"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M28.7762 31.7246C28.8022 33.3946 28.8288 35.098 29.8654 36.1346C30.8924 37.1616 32.5479 37.1842 34.1963 37.2068C35.3876 37.2231 36.5753 37.2393 37.5192 37.6346C38.4656 38.0309 39.3371 38.8661 40.2081 39.7009C41.4081 40.8508 42.6072 42 44 42C45.402 42 46.6339 40.8225 47.8484 39.6617C48.7162 38.8323 49.5751 38.0113 50.4808 37.6346C51.3806 37.2603 52.5443 37.2422 53.7246 37.2238C55.3946 37.1978 57.098 37.1712 58.1346 36.1346C59.1616 35.1076 59.1842 33.4521 59.2068 31.8037C59.2231 30.6124 59.2393 29.4247 59.6346 28.4808C60.0309 27.5344 60.8661 26.6629 61.7009 25.7919C62.8508 24.5919 64 23.3928 64 22C64 20.598 62.8225 19.3661 61.6617 18.1516C60.8323 17.2838 60.0113 16.4249 59.6346 15.5192C59.2603 14.6194 59.2422 13.4557 59.2238 12.2754C59.1978 10.6054 59.1712 8.90199 58.1346 7.86538C57.1076 6.8384 55.4521 6.81577 53.8037 6.79324C52.6124 6.77695 51.4247 6.76071 50.4808 6.36539C49.5344 5.96905 48.6629 5.13387 47.7919 4.2991C46.5919 3.14915 45.3928 2 44 2C42.598 2 41.3661 3.17749 40.1516 4.33828C39.2838 5.16775 38.4249 5.98869 37.5192 6.36539C36.6194 6.73966 35.4557 6.7578 34.2754 6.7762C32.6054 6.80223 30.902 6.82878 29.8654 7.86538C28.8384 8.89237 28.8158 10.5479 28.7932 12.1963C28.7769 13.3876 28.7607 14.5753 28.3654 15.5192C27.9691 16.4656 27.1339 17.3371 26.2991 18.2081C25.1492 19.4081 24 20.6072 24 22C24 23.402 25.1775 24.6339 26.3383 25.8484C27.1677 26.7162 27.9887 27.5751 28.3654 28.4808C28.7397 29.3806 28.7578 30.5443 28.7762 31.7246ZM53.9607 18.9561C54.8287 18.1281 54.861 16.7533 54.033 15.8854C53.205 15.0175 51.8302 14.9851 50.9623 15.8131L41.1743 25.1508L37.039 21.199C36.1718 20.3703 34.7969 20.4014 33.9682 21.2687C33.1395 22.1359 33.1707 23.5107 34.0379 24.3395L39.6725 29.7241C40.5115 30.5259 41.8326 30.5264 42.6723 29.7254L53.9607 18.9561Z" class="foreground-0" opacity="0.95"/>
4
+ </svg>
@@ -1,20 +1,12 @@
1
- <svg width="54" height="55" viewBox="0 0 54 55" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M50.4966 52.2249C29.7827 56.3094 10.1481 53.9904 2.50316 52.2387C2.71332 39.0897 13.3791 28.5 26.5 28.5C39.6163 28.5 50.2792 39.0822 50.4966 52.2249Z" fill="url(#paint0_linear_844_10645)" stroke="#DADADA"/>
3
- <circle cx="27" cy="13" r="12.5" fill="url(#paint1_linear_844_10645)" stroke="#DADADA"/>
4
- <path opacity="0.8" d="M35.65 34.35C35.2165 33.2865 34.9957 32.1484 35 31C35 29.22 35.5278 27.4799 36.5168 25.9999C37.5057 24.5198 38.9113 23.3663 40.5558 22.6851C42.2004 22.0039 44.01 21.8257 45.7558 22.1729C47.5016 22.5202 49.1053 23.3774 50.364 24.636C51.6226 25.8947 52.4798 27.4984 52.8271 29.2442C53.1743 30.99 52.9961 32.7996 52.3149 34.4442C51.6337 36.0887 50.4802 37.4943 49.0001 38.4832C47.5201 39.4722 45.78 40 44 40C42.8516 40.0043 41.7135 39.7835 40.65 39.35L39 41H36V44H33V47H28V42L35.65 34.35Z" fill="url(#paint2_linear_844_10645)" stroke="#272727" stroke-linecap="round" stroke-linejoin="round"/>
5
- <path opacity="0.8" d="M46 35C47.1046 35 48 34.1046 48 33C48 31.8954 47.1046 31 46 31C44.8954 31 44 31.8954 44 33C44 34.1046 44.8954 35 46 35Z" fill="#272727"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
2
+ <g clip-path="url(#clip0_1824_12403)">
3
+ <path d="M29 32C12.9837 32 0 45.0717 0 61.1964C8.82609 63.3121 32.7826 66.274 58 61.1964C58 45.0717 45.0163 32 29 32Z" class="background-16"/>
4
+ <circle cx="28.5" cy="14.5" r="14.5" class="background-16"/>
5
+ <path opacity="0.95" fill-rule="evenodd" clip-rule="evenodd" d="M38.2909 37.5818C38.2848 39.2105 38.598 40.8245 39.2127 42.3327L28.3636 53.1818V60.2727H35.4546V56.0182H39.7091V51.7636H43.9636L46.3036 49.4236C47.8118 50.0384 49.4259 50.3516 51.0546 50.3455C53.579 50.3455 56.0467 49.5969 58.1456 48.1944C60.2446 46.7919 61.8806 44.7985 62.8466 42.4663C63.8127 40.134 64.0654 37.5677 63.5729 35.0918C63.0804 32.6159 61.8648 30.3416 60.0798 28.5566C58.2948 26.7715 56.0205 25.5559 53.5446 25.0634C51.0687 24.571 48.5024 24.8237 46.1701 25.7898C43.8379 26.7558 41.8445 28.3918 40.442 30.4907C39.0395 32.5897 38.2909 35.0574 38.2909 37.5818ZM56.7272 40.4182C56.7272 41.9847 55.4573 43.2545 53.8908 43.2545C52.3243 43.2545 51.0545 41.9847 51.0545 40.4182C51.0545 38.8517 52.3243 37.5818 53.8908 37.5818C55.4573 37.5818 56.7272 38.8517 56.7272 40.4182Z" class="foreground-0"/>
6
+ </g>
6
7
  <defs>
7
- <linearGradient id="paint0_linear_844_10645" x1="26.5" y1="28" x2="26.5" y2="55" gradientUnits="userSpaceOnUse">
8
- <stop stop-color="#F0F0F0"/>
9
- <stop offset="1" stop-color="#D6D6D6"/>
10
- </linearGradient>
11
- <linearGradient id="paint1_linear_844_10645" x1="27" y1="0" x2="27" y2="12.4348" gradientUnits="userSpaceOnUse">
12
- <stop stop-color="#F6F6F6"/>
13
- <stop offset="1" stop-color="#E1E0E0"/>
14
- </linearGradient>
15
- <linearGradient id="paint2_linear_844_10645" x1="48" y1="26.5" x2="30" y2="45" gradientUnits="userSpaceOnUse">
16
- <stop stop-color="#666666"/>
17
- <stop offset="1" stop-color="#2C2C2C"/>
18
- </linearGradient>
8
+ <clipPath id="clip0_1824_12403">
9
+ <rect width="64" height="64" fill="white"/>
10
+ </clipPath>
19
11
  </defs>
20
12
  </svg>
@@ -1,15 +1,4 @@
1
- <svg width="53" height="55" viewBox="0 0 53 55" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="5.5" y="0.5" width="29" height="54" rx="3.5" fill="url(#paint0_linear_493_27223)" stroke="#E9E9E9"/>
3
- <circle cx="20" cy="48" r="3" fill="#898989"/>
4
- <rect x="14" y="4" width="13" height="1" rx="0.5" fill="#C6C6C6"/>
5
- <g opacity="0.9">
6
- <path d="M21.2383 31.7617C20.0164 30.5398 20.8266 27.9766 20.2023 26.4758C19.5781 24.975 17.1875 23.6602 17.1875 22C17.1875 20.3398 19.5516 19.0781 20.2023 17.5242C20.8531 15.9703 20.0164 13.4602 21.2383 12.2383C22.4602 11.0164 25.0234 11.8266 26.5242 11.2023C28.025 10.5781 29.3398 8.1875 31 8.1875C32.6602 8.1875 33.9219 10.5516 35.4758 11.2023C37.0297 11.8531 39.5398 11.0164 40.7617 12.2383C41.9836 13.4602 41.1734 16.0234 41.7977 17.5242C42.4219 19.025 44.8125 20.3398 44.8125 22C44.8125 23.6602 42.4484 24.9219 41.7977 26.4758C41.1469 28.0297 41.9836 30.5398 40.7617 31.7617C39.5398 32.9836 36.9766 32.1734 35.4758 32.7977C33.975 33.4219 32.6602 35.8125 31 35.8125C29.3398 35.8125 28.0781 33.4484 26.5242 32.7977C24.9703 32.1469 22.4602 32.9836 21.2383 31.7617Z" fill="#2E2E2E" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
7
- <path d="M36.8438 18.8125L29.0477 26.25L25.1562 22.5312" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8
- </g>
9
- <defs>
10
- <linearGradient id="paint0_linear_493_27223" x1="20" y1="0" x2="20" y2="55" gradientUnits="userSpaceOnUse">
11
- <stop stop-color="#F6F6F6"/>
12
- <stop offset="1" stop-color="#C5C5C5"/>
13
- </linearGradient>
14
- </defs>
15
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 1.79086 4.79086 0 7 0H35C37.2091 0 39 1.79086 39 4V60C39 62.2091 37.2091 64 35 64H7C4.79086 64 3 62.2091 3 60V4ZM25 56C25 58.2091 23.2091 60 21 60C18.7909 60 17 58.2091 17 56C17 53.7909 18.7909 52 21 52C23.2091 52 25 53.7909 25 56ZM15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6H27C27.5523 6 28 5.55228 28 5C28 4.44772 27.5523 4 27 4H15Z" class="background-16"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4926 43.1833C20.5226 45.1038 20.5531 47.0627 21.7452 48.2548C22.9262 49.4358 24.8301 49.4619 26.7257 49.4878C28.0958 49.5065 29.4616 49.5252 30.5471 49.9798C31.6354 50.4356 32.6376 51.3961 33.6394 52.356C35.0193 53.6785 36.3983 55 38 55C39.6123 55 41.029 53.6459 42.4256 52.311C43.4236 51.3571 44.4114 50.413 45.4529 49.9798C46.4877 49.5494 47.8259 49.5285 49.1833 49.5074C51.1038 49.4774 53.0627 49.4469 54.2548 48.2548C55.4358 47.0738 55.4619 45.1699 55.4878 43.2743C55.5065 41.9042 55.5252 40.5384 55.9798 39.4529C56.4356 38.3646 57.3961 37.3624 58.356 36.3606C59.6785 34.9807 61 33.6017 61 32C61 30.3877 59.6459 28.971 58.311 27.5744C57.3571 26.5764 56.413 25.5886 55.9798 24.5471C55.5494 23.5123 55.5285 22.1741 55.5074 20.8167C55.4774 18.8962 55.4469 16.9373 54.2548 15.7452C53.0738 14.5642 51.1699 14.5381 49.2743 14.5122C47.9042 14.4935 46.5384 14.4748 45.4529 14.0202C44.3646 13.5644 43.3624 12.6039 42.3606 11.644C40.9807 10.3215 39.6017 9 38 9C36.3877 9 34.971 10.3541 33.5744 11.689C32.5764 12.6429 31.5886 13.587 30.5471 14.0202C29.5123 14.4506 28.1741 14.4715 26.8167 14.4926C24.8962 14.5226 22.9373 14.5531 21.7452 15.7452C20.5642 16.9262 20.5381 18.8301 20.5122 20.7257C20.4935 22.0958 20.4748 23.4616 20.0202 24.5471C19.5644 25.6354 18.6039 26.6376 17.644 27.6394C16.3215 29.0193 15 30.3983 15 32C15 33.6123 16.3541 35.029 17.689 36.4256C18.6429 37.4236 19.587 38.4114 20.0202 39.4529C20.4506 40.4877 20.4715 41.8259 20.4926 43.1833ZM49.4549 28.4995C50.453 27.5473 50.4902 25.9663 49.538 24.9682C48.5858 23.9701 47.0048 23.9329 46.0067 24.8851L34.7505 35.6235L29.9949 31.0788C28.9976 30.1258 27.4165 30.1617 26.4635 31.159C25.5104 32.1563 25.5463 33.7373 26.5436 34.6904L33.0234 40.8827C33.9882 41.8047 35.5075 41.8054 36.4732 40.8842L49.4549 28.4995Z" class="foreground-0" opacity="0.95"/>
4
+ </svg>
@@ -1,44 +1,5 @@
1
- <svg width="57" height="55" viewBox="0 0 57 55" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="8" y="12" width="43" height="34" rx="4" fill="url(#paint0_linear_879_6261)"/>
3
- <rect opacity="0.95" x="8.5" y="15.5" width="46" height="32" rx="3.5" fill="url(#paint1_linear_879_6261)" stroke="#DADADA"/>
4
- <rect x="41" y="26" width="15" height="12" rx="1" fill="url(#paint2_linear_879_6261)" stroke="#B0B0B0"/>
5
- <g filter="url(#filter0_d_879_6261)">
6
- <circle cx="48.5" cy="31.5" r="3.5" fill="url(#paint3_linear_879_6261)"/>
7
- </g>
8
- <g opacity="0.93">
9
- <path d="M8.30273 30.9102C6.90117 29.5445 7.83047 26.6797 7.11445 25.0023C6.39844 23.325 3.65625 21.8555 3.65625 20C3.65625 18.1445 6.36797 16.7344 7.11445 14.9977C7.86094 13.2609 6.90117 10.4555 8.30273 9.08984C9.7043 7.72422 12.6445 8.62969 14.366 7.93203C16.0875 7.23438 17.5957 4.5625 19.5 4.5625C21.4043 4.5625 22.8516 7.20469 24.634 7.93203C26.4164 8.65938 29.2957 7.72422 30.6973 9.08984C32.0988 10.4555 31.1695 13.3203 31.8855 14.9977C32.6016 16.675 35.3438 18.1445 35.3438 20C35.3438 21.8555 32.632 23.2656 31.8855 25.0023C31.1391 26.7391 32.0988 29.5445 30.6973 30.9102C29.2957 32.2758 26.3555 31.3703 24.634 32.068C22.9125 32.7656 21.4043 35.4375 19.5 35.4375C17.5957 35.4375 16.1484 32.7953 14.366 32.068C12.5836 31.3406 9.7043 32.2758 8.30273 30.9102Z" fill="url(#paint4_linear_879_6261)" stroke="#272727" stroke-linecap="round" stroke-linejoin="round"/>
10
- <path d="M26.2031 16.4375L17.2605 24.75L12.7969 20.5938" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11
- </g>
12
- <defs>
13
- <filter id="filter0_d_879_6261" x="44" y="28" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
14
- <feFlood flood-opacity="0" result="BackgroundImageFix"/>
15
- <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"/>
16
- <feOffset dy="1"/>
17
- <feGaussianBlur stdDeviation="0.5"/>
18
- <feComposite in2="hardAlpha" operator="out"/>
19
- <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
20
- <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_879_6261"/>
21
- <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_879_6261" result="shape"/>
22
- </filter>
23
- <linearGradient id="paint0_linear_879_6261" x1="29.5" y1="12" x2="29.5" y2="17.2308" gradientUnits="userSpaceOnUse">
24
- <stop stop-color="#808080"/>
25
- <stop offset="1" stop-color="#414141"/>
26
- </linearGradient>
27
- <linearGradient id="paint1_linear_879_6261" x1="31.5" y1="15" x2="31.5" y2="48" gradientUnits="userSpaceOnUse">
28
- <stop stop-color="#EDEDED"/>
29
- <stop offset="1" stop-color="#CECECE"/>
30
- </linearGradient>
31
- <linearGradient id="paint2_linear_879_6261" x1="48.5" y1="26" x2="48.5" y2="38" gradientUnits="userSpaceOnUse">
32
- <stop stop-color="#A8A8A8"/>
33
- <stop offset="1" stop-color="#8A8A8A"/>
34
- </linearGradient>
35
- <linearGradient id="paint3_linear_879_6261" x1="48.5" y1="28" x2="48.5" y2="35" gradientUnits="userSpaceOnUse">
36
- <stop stop-color="#F6F6F6"/>
37
- <stop offset="1" stop-color="#D5D5D5"/>
38
- </linearGradient>
39
- <linearGradient id="paint4_linear_879_6261" x1="19.5" y1="4.5625" x2="19.5" y2="35.4375" gradientUnits="userSpaceOnUse">
40
- <stop stop-color="#666666"/>
41
- <stop offset="1" stop-color="#2C2C2C"/>
42
- </linearGradient>
43
- </defs>
44
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
2
+ <path opacity="0.95" fill-rule="evenodd" clip-rule="evenodd" d="M10 17C7.79086 17 6 18.7909 6 21V54C6 56.2091 7.79086 58 10 58H59C61.2091 58 63 56.2091 63 54V45H49C47.8954 45 47 44.1046 47 43V33C47 31.8954 47.8954 31 49 31H63V21C63 18.7909 61.2091 17 59 17H10Z" class="background-16"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M50 33C49.4477 33 49 33.4477 49 34V42C49 42.5523 49.4477 43 50 43H63C63.5523 43 64 42.5523 64 42V34C64 33.4477 63.5523 33 63 33H50ZM57 40.625C58.4497 40.625 59.625 39.4497 59.625 38C59.625 36.5503 58.4497 35.375 57 35.375C55.5503 35.375 54.375 36.5503 54.375 38C54.375 39.4497 55.5503 40.625 57 40.625Z" class="background-16"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.7762 34.7246C4.80223 36.3946 4.82878 38.098 5.86538 39.1346C6.89237 40.1616 8.54788 40.1842 10.1963 40.2068C11.3876 40.2231 12.5753 40.2393 13.5192 40.6346C14.4656 41.0309 15.3371 41.8661 16.2081 42.7009C17.4081 43.8508 18.6072 45 20 45C21.402 45 22.6339 43.8225 23.8484 42.6617C24.7162 41.8323 25.5751 41.0113 26.4808 40.6346C27.3806 40.2603 28.5443 40.2422 29.7246 40.2238C31.3946 40.1978 33.098 40.1712 34.1346 39.1346C35.1616 38.1076 35.1842 36.4521 35.2068 34.8037C35.2231 33.6124 35.2393 32.4247 35.6346 31.4808C36.0309 30.5344 36.8661 29.6629 37.7009 28.7919C38.8508 27.5919 40 26.3928 40 25C40 23.598 38.8225 22.3661 37.6617 21.1516C36.8323 20.2838 36.0113 19.4249 35.6346 18.5192C35.2603 17.6194 35.2422 16.4557 35.2238 15.2754C35.1978 13.6054 35.1712 11.902 34.1346 10.8654C33.1076 9.8384 31.4521 9.81577 29.8037 9.79324C28.6124 9.77695 27.4247 9.76071 26.4808 9.36539C25.5344 8.96905 24.6629 8.13387 23.7919 7.2991C22.5919 6.14915 21.3928 5 20 5C18.598 5 17.3661 6.17749 16.1516 7.33828C15.2838 8.16775 14.4249 8.98869 13.5192 9.36539C12.6194 9.73966 11.4557 9.7578 10.2754 9.7762C8.60535 9.80223 6.90199 9.82878 5.86538 10.8654C4.8384 11.8924 4.81577 13.5479 4.79324 15.1963C4.77695 16.3876 4.76071 17.5753 4.36539 18.5192C3.96905 19.4656 3.13387 20.3371 2.2991 21.2081C1.14915 22.4081 0 23.6072 0 25C0 26.402 1.17749 27.6339 2.33828 28.8484C3.16775 29.7162 3.98869 30.5751 4.36539 31.4808C4.73966 32.3806 4.7578 33.5443 4.7762 34.7246ZM29.9607 21.9561C30.8287 21.1281 30.861 19.7533 30.033 18.8854C29.205 18.0175 27.8302 17.9851 26.9623 18.8131L17.1743 28.1508L13.039 24.199C12.1718 23.3703 10.7969 23.4014 9.9682 24.2687C9.13946 25.1359 9.17065 26.5107 10.0379 27.3395L15.6725 32.7241C16.5115 33.5259 17.8326 33.5264 18.6723 32.7254L29.9607 21.9561Z" class="foreground-0" opacity="0.95"/>
5
+ </svg>
@@ -7,9 +7,11 @@ import ArrowNarrow from "./arrow-narrow.svg";
7
7
  import Arrow from "./arrow.svg";
8
8
  import BackupKit from "./backup-kit.svg";
9
9
  import CapsuleLogo from "./capsule-logo.svg";
10
+ import CapsuleRingsDark from "./capsule-rings-dark.svg";
10
11
  import CapsuleRings from "./capsule-rings.svg";
11
12
  import Capsule from "./capsule.svg";
12
13
  import Check from "./check.svg";
14
+ import ChevronUp from "./chevron-up.svg";
13
15
  import Clock from "./clock.svg";
14
16
  import Close from "./close.svg";
15
17
  import ClubhouseBrand from "./clubhouse-brand.svg";
@@ -43,11 +45,11 @@ import Key from "./key.svg";
43
45
  import LinkedinBrand from "./linkedin-brand.svg";
44
46
  import Linkedin from "./linkedin.svg";
45
47
  import Mail from "./mail.svg";
46
- import MoreLoginOptionsDark from "./more-login-options-dark.svg";
47
48
  import MoreLoginOptions from "./more-login-options.svg";
48
49
  import Phone from "./phone.svg";
49
50
  import PintrestBrand from "./pintrest-brand.svg";
50
51
  import Pintrest from "./pintrest.svg";
52
+ import PlusCircle from "./plus-circle.svg";
51
53
  import RedditBrand from "./reddit-brand.svg";
52
54
  import Reddit from "./reddit.svg";
53
55
  import SignalBrand from "./signal-brand.svg";
@@ -62,7 +64,8 @@ import TumblrBrand from "./tumblr-brand.svg";
62
64
  import Tumblr from "./tumblr.svg";
63
65
  import TwitterBrand from "./twitter-brand.svg";
64
66
  import Twitter from "./twitter.svg";
67
+ import Wallet from "./wallet.svg";
65
68
  import YoutubeBrand from "./youtube-brand.svg";
66
69
  import Youtube from "./youtube.svg";
67
- export const Icons = { alertCircle: AlertCircle, angelListBrand: AngelListBrand, angelList: AngelList, appleBrand: AppleBrand, apple: Apple, arrowNarrow: ArrowNarrow, arrow: Arrow, backupKit: BackupKit, capsuleLogo: CapsuleLogo, capsuleRings: CapsuleRings, capsule: Capsule, check: Check, clock: Clock, close: Close, clubhouseBrand: ClubhouseBrand, clubhouse: Clubhouse, copy: Copy, discordBrand: DiscordBrand, discord: Discord, downloadCloud: DownloadCloud, dribbbleBrand: DribbbleBrand, dribbble: Dribbble, eyeOff: EyeOff, eye: Eye, facebookBrand: FacebookBrand, facebook: Facebook, figmaBrand: FigmaBrand, figma: Figma, githubBrand: GithubBrand, github: Github, googleBrand: GoogleBrand, google: Google, helpCircle: HelpCircle, heroEmail: HeroEmail, heroLock: HeroLock, heroPasskey: HeroPasskey, heroPhone: HeroPhone, heroWallet: HeroWallet, infoCircle: InfoCircle, instagramBrand: InstagramBrand, instagram: Instagram, key: Key, linkedinBrand: LinkedinBrand, linkedin: Linkedin, mail: Mail, moreLoginOptionsDark: MoreLoginOptionsDark, moreLoginOptions: MoreLoginOptions, phone: Phone, pintrestBrand: PintrestBrand, pintrest: Pintrest, redditBrand: RedditBrand, reddit: Reddit, signalBrand: SignalBrand, signal: Signal, snapchatBrand: SnapchatBrand, snapchat: Snapchat, telegramBrand: TelegramBrand, telegram: Telegram, tikTokBrand: TikTokBrand, tikTok: TikTok, tumblrBrand: TumblrBrand, tumblr: Tumblr, twitterBrand: TwitterBrand, twitter: Twitter, youtubeBrand: YoutubeBrand, youtube: Youtube, };
70
+ export const Icons = { alertCircle: AlertCircle, angelListBrand: AngelListBrand, angelList: AngelList, appleBrand: AppleBrand, apple: Apple, arrowNarrow: ArrowNarrow, arrow: Arrow, backupKit: BackupKit, capsuleLogo: CapsuleLogo, capsuleRingsDark: CapsuleRingsDark, capsuleRings: CapsuleRings, capsule: Capsule, check: Check, chevronUp: ChevronUp, clock: Clock, close: Close, clubhouseBrand: ClubhouseBrand, clubhouse: Clubhouse, copy: Copy, discordBrand: DiscordBrand, discord: Discord, downloadCloud: DownloadCloud, dribbbleBrand: DribbbleBrand, dribbble: Dribbble, eyeOff: EyeOff, eye: Eye, facebookBrand: FacebookBrand, facebook: Facebook, figmaBrand: FigmaBrand, figma: Figma, githubBrand: GithubBrand, github: Github, googleBrand: GoogleBrand, google: Google, helpCircle: HelpCircle, heroEmail: HeroEmail, heroLock: HeroLock, heroPasskey: HeroPasskey, heroPhone: HeroPhone, heroWallet: HeroWallet, infoCircle: InfoCircle, instagramBrand: InstagramBrand, instagram: Instagram, key: Key, linkedinBrand: LinkedinBrand, linkedin: Linkedin, mail: Mail, moreLoginOptions: MoreLoginOptions, phone: Phone, pintrestBrand: PintrestBrand, pintrest: Pintrest, plusCircle: PlusCircle, redditBrand: RedditBrand, reddit: Reddit, signalBrand: SignalBrand, signal: Signal, snapchatBrand: SnapchatBrand, snapchat: Snapchat, telegramBrand: TelegramBrand, telegram: Telegram, tikTokBrand: TikTokBrand, tikTok: TikTok, tumblrBrand: TumblrBrand, tumblr: Tumblr, twitterBrand: TwitterBrand, twitter: Twitter, wallet: Wallet, youtubeBrand: YoutubeBrand, youtube: Youtube, };
68
71
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/icons/index.ts"],"names":[],"mappings":"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","sourcesContent":["import AlertCircle from './alert-circle.svg';import AngelListBrand from './angel-list-brand.svg';import AngelList from './angel-list.svg';import AppleBrand from './apple-brand.svg';import Apple from './apple.svg';import ArrowNarrow from './arrow-narrow.svg';import Arrow from './arrow.svg';import BackupKit from './backup-kit.svg';import CapsuleLogo from './capsule-logo.svg';import CapsuleRings from './capsule-rings.svg';import Capsule from './capsule.svg';import Check from './check.svg';import Clock from './clock.svg';import Close from './close.svg';import ClubhouseBrand from './clubhouse-brand.svg';import Clubhouse from './clubhouse.svg';import Copy from './copy.svg';import DiscordBrand from './discord-brand.svg';import Discord from './discord.svg';import DownloadCloud from './download-cloud.svg';import DribbbleBrand from './dribbble-brand.svg';import Dribbble from './dribbble.svg';import EyeOff from './eye-off.svg';import Eye from './eye.svg';import FacebookBrand from './facebook-brand.svg';import Facebook from './facebook.svg';import FigmaBrand from './figma-brand.svg';import Figma from './figma.svg';import GithubBrand from './github-brand.svg';import Github from './github.svg';import GoogleBrand from './google-brand.svg';import Google from './google.svg';import HelpCircle from './help-circle.svg';import HeroEmail from './hero-email.svg';import HeroLock from './hero-lock.svg';import HeroPasskey from './hero-passkey.svg';import HeroPhone from './hero-phone.svg';import HeroWallet from './hero-wallet.svg';import InfoCircle from './info-circle.svg';import InstagramBrand from './instagram-brand.svg';import Instagram from './instagram.svg';import Key from './key.svg';import LinkedinBrand from './linkedin-brand.svg';import Linkedin from './linkedin.svg';import Mail from './mail.svg';import MoreLoginOptionsDark from './more-login-options-dark.svg';import MoreLoginOptions from './more-login-options.svg';import Phone from './phone.svg';import PintrestBrand from './pintrest-brand.svg';import Pintrest from './pintrest.svg';import RedditBrand from './reddit-brand.svg';import Reddit from './reddit.svg';import SignalBrand from './signal-brand.svg';import Signal from './signal.svg';import SnapchatBrand from './snapchat-brand.svg';import Snapchat from './snapchat.svg';import TelegramBrand from './telegram-brand.svg';import Telegram from './telegram.svg';import TikTokBrand from './tik-tok-brand.svg';import TikTok from './tik-tok.svg';import TumblrBrand from './tumblr-brand.svg';import Tumblr from './tumblr.svg';import TwitterBrand from './twitter-brand.svg';import Twitter from './twitter.svg';import YoutubeBrand from './youtube-brand.svg';import Youtube from './youtube.svg';\nexport const Icons = {alertCircle: AlertCircle,angelListBrand: AngelListBrand,angelList: AngelList,appleBrand: AppleBrand,apple: Apple,arrowNarrow: ArrowNarrow,arrow: Arrow,backupKit: BackupKit,capsuleLogo: CapsuleLogo,capsuleRings: CapsuleRings,capsule: Capsule,check: Check,clock: Clock,close: Close,clubhouseBrand: ClubhouseBrand,clubhouse: Clubhouse,copy: Copy,discordBrand: DiscordBrand,discord: Discord,downloadCloud: DownloadCloud,dribbbleBrand: DribbbleBrand,dribbble: Dribbble,eyeOff: EyeOff,eye: Eye,facebookBrand: FacebookBrand,facebook: Facebook,figmaBrand: FigmaBrand,figma: Figma,githubBrand: GithubBrand,github: Github,googleBrand: GoogleBrand,google: Google,helpCircle: HelpCircle,heroEmail: HeroEmail,heroLock: HeroLock,heroPasskey: HeroPasskey,heroPhone: HeroPhone,heroWallet: HeroWallet,infoCircle: InfoCircle,instagramBrand: InstagramBrand,instagram: Instagram,key: Key,linkedinBrand: LinkedinBrand,linkedin: Linkedin,mail: Mail,moreLoginOptionsDark: MoreLoginOptionsDark,moreLoginOptions: MoreLoginOptions,phone: Phone,pintrestBrand: PintrestBrand,pintrest: Pintrest,redditBrand: RedditBrand,reddit: Reddit,signalBrand: SignalBrand,signal: Signal,snapchatBrand: SnapchatBrand,snapchat: Snapchat,telegramBrand: TelegramBrand,telegram: Telegram,tikTokBrand: TikTokBrand,tikTok: TikTok,tumblrBrand: TumblrBrand,tumblr: Tumblr,twitterBrand: TwitterBrand,twitter: Twitter,youtubeBrand: YoutubeBrand,youtube: Youtube,}"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/icons/index.ts"],"names":[],"mappings":"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","sourcesContent":["import AlertCircle from './alert-circle.svg';import AngelListBrand from './angel-list-brand.svg';import AngelList from './angel-list.svg';import AppleBrand from './apple-brand.svg';import Apple from './apple.svg';import ArrowNarrow from './arrow-narrow.svg';import Arrow from './arrow.svg';import BackupKit from './backup-kit.svg';import CapsuleLogo from './capsule-logo.svg';import CapsuleRingsDark from './capsule-rings-dark.svg';import CapsuleRings from './capsule-rings.svg';import Capsule from './capsule.svg';import Check from './check.svg';import ChevronUp from './chevron-up.svg';import Clock from './clock.svg';import Close from './close.svg';import ClubhouseBrand from './clubhouse-brand.svg';import Clubhouse from './clubhouse.svg';import Copy from './copy.svg';import DiscordBrand from './discord-brand.svg';import Discord from './discord.svg';import DownloadCloud from './download-cloud.svg';import DribbbleBrand from './dribbble-brand.svg';import Dribbble from './dribbble.svg';import EyeOff from './eye-off.svg';import Eye from './eye.svg';import FacebookBrand from './facebook-brand.svg';import Facebook from './facebook.svg';import FigmaBrand from './figma-brand.svg';import Figma from './figma.svg';import GithubBrand from './github-brand.svg';import Github from './github.svg';import GoogleBrand from './google-brand.svg';import Google from './google.svg';import HelpCircle from './help-circle.svg';import HeroEmail from './hero-email.svg';import HeroLock from './hero-lock.svg';import HeroPasskey from './hero-passkey.svg';import HeroPhone from './hero-phone.svg';import HeroWallet from './hero-wallet.svg';import InfoCircle from './info-circle.svg';import InstagramBrand from './instagram-brand.svg';import Instagram from './instagram.svg';import Key from './key.svg';import LinkedinBrand from './linkedin-brand.svg';import Linkedin from './linkedin.svg';import Mail from './mail.svg';import MoreLoginOptions from './more-login-options.svg';import Phone from './phone.svg';import PintrestBrand from './pintrest-brand.svg';import Pintrest from './pintrest.svg';import PlusCircle from './plus-circle.svg';import RedditBrand from './reddit-brand.svg';import Reddit from './reddit.svg';import SignalBrand from './signal-brand.svg';import Signal from './signal.svg';import SnapchatBrand from './snapchat-brand.svg';import Snapchat from './snapchat.svg';import TelegramBrand from './telegram-brand.svg';import Telegram from './telegram.svg';import TikTokBrand from './tik-tok-brand.svg';import TikTok from './tik-tok.svg';import TumblrBrand from './tumblr-brand.svg';import Tumblr from './tumblr.svg';import TwitterBrand from './twitter-brand.svg';import Twitter from './twitter.svg';import Wallet from './wallet.svg';import YoutubeBrand from './youtube-brand.svg';import Youtube from './youtube.svg';\nexport const Icons = {alertCircle: AlertCircle,angelListBrand: AngelListBrand,angelList: AngelList,appleBrand: AppleBrand,apple: Apple,arrowNarrow: ArrowNarrow,arrow: Arrow,backupKit: BackupKit,capsuleLogo: CapsuleLogo,capsuleRingsDark: CapsuleRingsDark,capsuleRings: CapsuleRings,capsule: Capsule,check: Check,chevronUp: ChevronUp,clock: Clock,close: Close,clubhouseBrand: ClubhouseBrand,clubhouse: Clubhouse,copy: Copy,discordBrand: DiscordBrand,discord: Discord,downloadCloud: DownloadCloud,dribbbleBrand: DribbbleBrand,dribbble: Dribbble,eyeOff: EyeOff,eye: Eye,facebookBrand: FacebookBrand,facebook: Facebook,figmaBrand: FigmaBrand,figma: Figma,githubBrand: GithubBrand,github: Github,googleBrand: GoogleBrand,google: Google,helpCircle: HelpCircle,heroEmail: HeroEmail,heroLock: HeroLock,heroPasskey: HeroPasskey,heroPhone: HeroPhone,heroWallet: HeroWallet,infoCircle: InfoCircle,instagramBrand: InstagramBrand,instagram: Instagram,key: Key,linkedinBrand: LinkedinBrand,linkedin: Linkedin,mail: Mail,moreLoginOptions: MoreLoginOptions,phone: Phone,pintrestBrand: PintrestBrand,pintrest: Pintrest,plusCircle: PlusCircle,redditBrand: RedditBrand,reddit: Reddit,signalBrand: SignalBrand,signal: Signal,snapchatBrand: SnapchatBrand,snapchat: Snapchat,telegramBrand: TelegramBrand,telegram: Telegram,tikTokBrand: TikTokBrand,tikTok: TikTok,tumblrBrand: TumblrBrand,tumblr: Tumblr,twitterBrand: TwitterBrand,twitter: Twitter,wallet: Wallet,youtubeBrand: YoutubeBrand,youtube: Youtube,}"]}
@@ -1,13 +1,13 @@
1
- <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="17" height="16" viewBox="0 0 17 16" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <g id="Group 4">
3
- <path id="Vector" d="M2.1 16C2.98366 16 3.7 15.2836 3.7 14.4C3.7 13.5163 2.98366 12.8 2.1 12.8C1.21634 12.8 0.5 13.5163 0.5 14.4C0.5 15.2836 1.21634 16 2.1 16Z" fill="#808080"/>
4
- <path id="Vector_2" d="M2.1 9.60002C2.98366 9.60002 3.7 8.88368 3.7 8.00002C3.7 7.11637 2.98366 6.40002 2.1 6.40002C1.21634 6.40002 0.5 7.11637 0.5 8.00002C0.5 8.88368 1.21634 9.60002 2.1 9.60002Z" fill="#808080"/>
5
- <path id="Vector_3" d="M2.1 3.2C2.98366 3.2 3.7 2.48366 3.7 1.6C3.7 0.716344 2.98366 0 2.1 0C1.21634 0 0.5 0.716344 0.5 1.6C0.5 2.48366 1.21634 3.2 2.1 3.2Z" fill="#808080"/>
6
- <path id="Vector_4" d="M8.4999 16C9.38356 16 10.0999 15.2836 10.0999 14.4C10.0999 13.5163 9.38356 12.8 8.4999 12.8C7.61625 12.8 6.8999 13.5163 6.8999 14.4C6.8999 15.2836 7.61625 16 8.4999 16Z" fill="#808080"/>
7
- <path id="Vector_5" d="M8.4999 9.60002C9.38356 9.60002 10.0999 8.88368 10.0999 8.00002C10.0999 7.11637 9.38356 6.40002 8.4999 6.40002C7.61625 6.40002 6.8999 7.11637 6.8999 8.00002C6.8999 8.88368 7.61625 9.60002 8.4999 9.60002Z" fill="#808080"/>
8
- <path id="Vector_6" d="M8.4999 3.2C9.38356 3.2 10.0999 2.48366 10.0999 1.6C10.0999 0.716344 9.38356 0 8.4999 0C7.61625 0 6.8999 0.716344 6.8999 1.6C6.8999 2.48366 7.61625 3.2 8.4999 3.2Z" fill="#808080"/>
9
- <path id="Vector_7" d="M14.9 16C15.7837 16 16.5 15.2836 16.5 14.4C16.5 13.5163 15.7837 12.8 14.9 12.8C14.0164 12.8 13.3 13.5163 13.3 14.4C13.3 15.2836 14.0164 16 14.9 16Z" fill="#808080"/>
10
- <path id="Vector_8" d="M14.9 9.60002C15.7837 9.60002 16.5 8.88368 16.5 8.00002C16.5 7.11637 15.7837 6.40002 14.9 6.40002C14.0164 6.40002 13.3 7.11637 13.3 8.00002C13.3 8.88368 14.0164 9.60002 14.9 9.60002Z" fill="#808080"/>
11
- <path id="Vector_9" d="M14.9 3.2C15.7837 3.2 16.5 2.48366 16.5 1.6C16.5 0.716344 15.7837 0 14.9 0C14.0164 0 13.3 0.716344 13.3 1.6C13.3 2.48366 14.0164 3.2 14.9 3.2Z" fill="#808080"/>
3
+ <path id="Vector" d="M2.1 16C2.98366 16 3.7 15.2836 3.7 14.4C3.7 13.5163 2.98366 12.8 2.1 12.8C1.21634 12.8 0.5 13.5163 0.5 14.4C0.5 15.2836 1.21634 16 2.1 16Z"/>
4
+ <path id="Vector_2" d="M2.1 9.60002C2.98366 9.60002 3.7 8.88368 3.7 8.00002C3.7 7.11637 2.98366 6.40002 2.1 6.40002C1.21634 6.40002 0.5 7.11637 0.5 8.00002C0.5 8.88368 1.21634 9.60002 2.1 9.60002Z"/>
5
+ <path id="Vector_3" d="M2.1 3.2C2.98366 3.2 3.7 2.48366 3.7 1.6C3.7 0.716344 2.98366 0 2.1 0C1.21634 0 0.5 0.716344 0.5 1.6C0.5 2.48366 1.21634 3.2 2.1 3.2Z"/>
6
+ <path id="Vector_4" d="M8.4999 16C9.38356 16 10.0999 15.2836 10.0999 14.4C10.0999 13.5163 9.38356 12.8 8.4999 12.8C7.61625 12.8 6.8999 13.5163 6.8999 14.4C6.8999 15.2836 7.61625 16 8.4999 16Z"/>
7
+ <path id="Vector_5" d="M8.4999 9.60002C9.38356 9.60002 10.0999 8.88368 10.0999 8.00002C10.0999 7.11637 9.38356 6.40002 8.4999 6.40002C7.61625 6.40002 6.8999 7.11637 6.8999 8.00002C6.8999 8.88368 7.61625 9.60002 8.4999 9.60002Z"/>
8
+ <path id="Vector_6" d="M8.4999 3.2C9.38356 3.2 10.0999 2.48366 10.0999 1.6C10.0999 0.716344 9.38356 0 8.4999 0C7.61625 0 6.8999 0.716344 6.8999 1.6C6.8999 2.48366 7.61625 3.2 8.4999 3.2Z"/>
9
+ <path id="Vector_7" d="M14.9 16C15.7837 16 16.5 15.2836 16.5 14.4C16.5 13.5163 15.7837 12.8 14.9 12.8C14.0164 12.8 13.3 13.5163 13.3 14.4C13.3 15.2836 14.0164 16 14.9 16Z"/>
10
+ <path id="Vector_8" d="M14.9 9.60002C15.7837 9.60002 16.5 8.88368 16.5 8.00002C16.5 7.11637 15.7837 6.40002 14.9 6.40002C14.0164 6.40002 13.3 7.11637 13.3 8.00002C13.3 8.88368 14.0164 9.60002 14.9 9.60002Z"/>
11
+ <path id="Vector_9" d="M14.9 3.2C15.7837 3.2 16.5 2.48366 16.5 1.6C16.5 0.716344 15.7837 0 14.9 0C14.0164 0 13.3 0.716344 13.3 1.6C13.3 2.48366 14.0164 3.2 14.9 3.2Z"/>
12
12
  </g>
13
13
  </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="plus-circle">
3
+ <path id="Icon" d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </g>
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="wallet-04">
3
+ <path id="Icon" d="M20 9.5V7.2C20 6.0799 20 5.51984 19.782 5.09202C19.5903 4.7157 19.2843 4.40974 18.908 4.21799C18.4802 4 17.9201 4 16.8 4H5.2C4.0799 4 3.51984 4 3.09202 4.21799C2.7157 4.40973 2.40973 4.71569 2.21799 5.09202C2 5.51984 2 6.0799 2 7.2V16.8C2 17.9201 2 18.4802 2.21799 18.908C2.40973 19.2843 2.71569 19.5903 3.09202 19.782C3.51984 20 4.07989 20 5.2 20L16.8 20C17.9201 20 18.4802 20 18.908 19.782C19.2843 19.5903 19.5903 19.2843 19.782 18.908C20 18.4802 20 17.9201 20 16.8V14.5M15 12C15 11.5353 15 11.303 15.0384 11.1098C15.1962 10.3164 15.8164 9.69624 16.6098 9.53843C16.803 9.5 17.0353 9.5 17.5 9.5H19.5C19.9647 9.5 20.197 9.5 20.3902 9.53843C21.1836 9.69624 21.8038 10.3164 21.9616 11.1098C22 11.303 22 11.5353 22 12C22 12.4647 22 12.697 21.9616 12.8902C21.8038 13.6836 21.1836 14.3038 20.3902 14.4616C20.197 14.5 19.9647 14.5 19.5 14.5H17.5C17.0353 14.5 16.803 14.5 16.6098 14.4616C15.8164 14.3038 15.1962 13.6836 15.0384 12.8902C15 12.697 15 12.4647 15 12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </g>
5
+ </svg>
@@ -1,10 +1,12 @@
1
1
  {
2
2
  "entries": [
3
3
  "components/cpsl-alert/cpsl-alert.js",
4
+ "components/cpsl-animation/cpsl-animation.js",
4
5
  "components/cpsl-button/cpsl-button.js",
5
6
  "components/cpsl-code-input/cpsl-code-input.js",
6
7
  "components/cpsl-col/cpsl-col.js",
7
8
  "components/cpsl-divider/cpsl-divider.js",
9
+ "components/cpsl-dropdown/cpsl-dropdown.js",
8
10
  "components/cpsl-grid/cpsl-grid.js",
9
11
  "components/cpsl-icon/cpsl-icon.js",
10
12
  "components/cpsl-info-box/cpsl-info-box.js",
@@ -56,7 +56,7 @@ export class CpslAlert {
56
56
  "mutable": false,
57
57
  "complexType": {
58
58
  "original": "IconType",
59
- "resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"youtubeBrand\" | \"youtube\"",
59
+ "resolved": "\"key\" | \"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRingsDark\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"chevronUp\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"plusCircle\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"wallet\" | \"youtubeBrand\" | \"youtube\"",
60
60
  "references": {
61
61
  "IconType": {
62
62
  "location": "import",
@@ -0,0 +1,17 @@
1
+ :host {
2
+ position: absolute;
3
+ height: 100%;
4
+ width: 100%;
5
+ display: block;
6
+ pointer-events: none;
7
+ }
8
+
9
+ :host .background-16 path {
10
+ fill: var(--cpsl-color-background-16);
11
+ }
12
+ :host .background-48 path {
13
+ fill: var(--cpsl-color-background-48);
14
+ }
15
+ :host .background-80 path {
16
+ fill: var(--cpsl-color-background-80);
17
+ }
@@ -0,0 +1,102 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try {
5
+ step(generator.next(value));
6
+ }
7
+ catch (e) {
8
+ reject(e);
9
+ } }
10
+ function rejected(value) { try {
11
+ step(generator["throw"](value));
12
+ }
13
+ catch (e) {
14
+ reject(e);
15
+ } }
16
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
17
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
18
+ });
19
+ };
20
+ import { Host, h } from "@stencil/core";
21
+ import lottie from "lottie-web";
22
+ export class CpslAnimation {
23
+ constructor() {
24
+ this.src = undefined;
25
+ }
26
+ replayAnimation() {
27
+ return __awaiter(this, void 0, void 0, function* () {
28
+ this.animation.play();
29
+ });
30
+ }
31
+ componentDidLoad() {
32
+ this.animation = lottie.loadAnimation({
33
+ loop: false,
34
+ container: this.animationContainerEl,
35
+ renderer: 'svg',
36
+ path: this.src,
37
+ });
38
+ this.animation.play();
39
+ }
40
+ get animationContainerEl() {
41
+ return this.el.shadowRoot.getElementById('animation-container');
42
+ }
43
+ render() {
44
+ return (h(Host, { key: '5fab748126f7b18a9051aa89df1b8a78ef647648' }, h("div", { key: 'b9cac260ee00f54a56c7cd249850a8df5e84dc3b', part: "animation-container", id: "animation-container", class: "animation-container" })));
45
+ }
46
+ static get is() { return "cpsl-animation"; }
47
+ static get encapsulation() { return "shadow"; }
48
+ static get originalStyleUrls() {
49
+ return {
50
+ "$": ["cpsl-animation.scss"]
51
+ };
52
+ }
53
+ static get styleUrls() {
54
+ return {
55
+ "$": ["cpsl-animation.css"]
56
+ };
57
+ }
58
+ static get properties() {
59
+ return {
60
+ "src": {
61
+ "type": "string",
62
+ "mutable": false,
63
+ "complexType": {
64
+ "original": "string",
65
+ "resolved": "string",
66
+ "references": {}
67
+ },
68
+ "required": false,
69
+ "optional": false,
70
+ "docs": {
71
+ "tags": [],
72
+ "text": "Source of the Lottie animation file."
73
+ },
74
+ "attribute": "src",
75
+ "reflect": false
76
+ }
77
+ };
78
+ }
79
+ static get methods() {
80
+ return {
81
+ "replayAnimation": {
82
+ "complexType": {
83
+ "signature": "() => Promise<void>",
84
+ "parameters": [],
85
+ "references": {
86
+ "Promise": {
87
+ "location": "global",
88
+ "id": "global::Promise"
89
+ }
90
+ },
91
+ "return": "Promise<void>"
92
+ },
93
+ "docs": {
94
+ "text": "Will replay the animation",
95
+ "tags": []
96
+ }
97
+ }
98
+ };
99
+ }
100
+ static get elementRef() { return "el"; }
101
+ }
102
+ //# sourceMappingURL=cpsl-animation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cpsl-animation.js","sourceRoot":"","sources":["../../../../src/components/cpsl-animation/cpsl-animation.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,MAAyB,MAAM,YAAY,CAAC;AAOnD,MAAM,OAAO,aAAa;;;;IAclB,eAAe;;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC;KAAA;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC;YACpC,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,IAAI,CAAC,oBAAoB;YACpC,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,GAAG;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IAClE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,IAAI,EAAC,qBAAqB,EAAC,EAAE,EAAC,qBAAqB,EAAC,KAAK,EAAC,qBAAqB,GAAG,CAClF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Method, Prop } from '@stencil/core';\nimport lottie, { AnimationItem } from 'lottie-web';\n\n@Component({\n tag: 'cpsl-animation',\n styleUrl: 'cpsl-animation.scss',\n shadow: true,\n})\nexport class CpslAnimation {\n private animation: AnimationItem;\n\n @Element() el!: HTMLCpslAnimationElement;\n\n /**\n * Source of the Lottie animation file.\n */\n @Prop() src: string;\n\n /**\n * Will replay the animation\n */\n @Method()\n async replayAnimation() {\n this.animation.play();\n }\n\n componentDidLoad() {\n this.animation = lottie.loadAnimation({\n loop: false,\n container: this.animationContainerEl,\n renderer: 'svg',\n path: this.src,\n });\n\n this.animation.play();\n }\n\n private get animationContainerEl() {\n return this.el.shadowRoot.getElementById('animation-container');\n }\n\n render() {\n return (\n <Host>\n <div part=\"animation-container\" id=\"animation-container\" class=\"animation-container\" />\n </Host>\n );\n }\n}\n"]}
@@ -0,0 +1,29 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try {
5
+ step(generator.next(value));
6
+ }
7
+ catch (e) {
8
+ reject(e);
9
+ } }
10
+ function rejected(value) { try {
11
+ step(generator["throw"](value));
12
+ }
13
+ catch (e) {
14
+ reject(e);
15
+ } }
16
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
17
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
18
+ });
19
+ };
20
+ import { newE2EPage } from "@stencil/core/testing";
21
+ describe('cpsl-animation', () => {
22
+ it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
23
+ const page = yield newE2EPage();
24
+ yield page.setContent('<cpsl-animation></cpsl-animation>');
25
+ const element = yield page.find('cpsl-animation');
26
+ expect(element).toHaveClass('hydrated');
27
+ }));
28
+ });
29
+ //# sourceMappingURL=cpsl-animation.e2e.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cpsl-animation.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-animation/test/cpsl-animation.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;QAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cpsl-animation', () => {\n it('renders', async () => {\n const page = await newE2EPage();\n await page.setContent('<cpsl-animation></cpsl-animation>');\n\n const element = await page.find('cpsl-animation');\n expect(element).toHaveClass('hydrated');\n });\n});\n"]}
@@ -0,0 +1,37 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try {
5
+ step(generator.next(value));
6
+ }
7
+ catch (e) {
8
+ reject(e);
9
+ } }
10
+ function rejected(value) { try {
11
+ step(generator["throw"](value));
12
+ }
13
+ catch (e) {
14
+ reject(e);
15
+ } }
16
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
17
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
18
+ });
19
+ };
20
+ import { newSpecPage } from "@stencil/core/testing";
21
+ import { CpslAnimation } from "../cpsl-animation";
22
+ describe('cpsl-animation', () => {
23
+ it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
24
+ const page = yield newSpecPage({
25
+ components: [CpslAnimation],
26
+ html: `<cpsl-animation></cpsl-animation>`,
27
+ });
28
+ expect(page.root).toEqualHtml(`
29
+ <cpsl-animation>
30
+ <mock:shadow-root>
31
+ <slot></slot>
32
+ </mock:shadow-root>
33
+ </cpsl-animation>
34
+ `);
35
+ }));
36
+ });
37
+ //# sourceMappingURL=cpsl-animation.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cpsl-animation.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-animation/test/cpsl-animation.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CpslAnimation } from '../cpsl-animation';\n\ndescribe('cpsl-animation', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [CpslAnimation],\n html: `<cpsl-animation></cpsl-animation>`,\n });\n expect(page.root).toEqualHtml(`\n <cpsl-animation>\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n </cpsl-animation>\n `);\n });\n});\n"]}