@liner-fe/icon 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/assets/ai/index.tsx +8 -8
- package/assets/airplane/index.tsx +4 -4
- package/assets/android/index.tsx +4 -4
- package/assets/arrow-back/index.tsx +4 -4
- package/assets/arrow-backward/index.tsx +4 -4
- package/assets/arrow-down/index.tsx +4 -4
- package/assets/arrow-downward/index.tsx +4 -4
- package/assets/arrow-drop-right/index.tsx +4 -4
- package/assets/arrow-forward/index.tsx +4 -4
- package/assets/arrow-left/index.tsx +4 -4
- package/assets/arrow-right/index.tsx +3 -3
- package/assets/arrow-up/index.tsx +3 -3
- package/assets/arrow-up-down/index.tsx +8 -8
- package/assets/arrow-up-right/index.tsx +4 -4
- package/assets/arrow-upward/index.tsx +4 -4
- package/assets/balance/index.tsx +12 -12
- package/assets/bell/index.tsx +8 -8
- package/assets/bolt/index.tsx +4 -4
- package/assets/bookmark-cancel/index.tsx +6 -6
- package/assets/books/index.tsx +12 -12
- package/assets/brain/index.tsx +2 -2
- package/assets/car/index.tsx +4 -4
- package/assets/chart-line-uptrend/index.tsx +0 -7
- package/assets/check-mark/index.tsx +2 -2
- package/assets/check-mark-fill/index.tsx +4 -4
- package/assets/close/index.tsx +2 -2
- package/assets/close-fill/index.tsx +4 -4
- package/assets/color-docx/index.tsx +52 -0
- package/assets/color-facebook/index.tsx +32 -0
- package/assets/color-fire/index.tsx +36 -0
- package/assets/color-google/index.tsx +44 -0
- package/assets/color-liner/index.tsx +32 -0
- package/assets/color-liner-variation/index.tsx +60 -0
- package/assets/color-pdf/index.tsx +48 -0
- package/assets/color-txt/index.tsx +48 -0
- package/assets/dark-mode/index.tsx +4 -4
- package/assets/double-arrow-backward/index.tsx +8 -8
- package/assets/{lds-pri-icon-s-double-arrow-forward → double-arrow-forward}/index.tsx +2 -2
- package/assets/drop-down/index.tsx +3 -3
- package/assets/drop-up/index.tsx +4 -4
- package/assets/end/index.tsx +4 -4
- package/assets/essay/index.tsx +7 -7
- package/assets/extend/index.tsx +4 -4
- package/assets/folder-open/index.tsx +0 -14
- package/assets/folder-open-share/index.tsx +3 -3
- package/assets/google-export/index.tsx +12 -12
- package/assets/graduationcap/index.tsx +3 -3
- package/assets/hide-all/index.tsx +4 -84
- package/assets/highlight-edit/index.tsx +8 -8
- package/assets/highlighter/index.tsx +4 -4
- package/assets/home/index.tsx +4 -4
- package/assets/liner/index.tsx +4 -4
- package/assets/link/index.tsx +2 -2
- package/assets/literature-review/index.tsx +4 -4
- package/assets/magic-wand/index.tsx +16 -16
- package/assets/make-easy/index.tsx +20 -20
- package/assets/members/index.tsx +2 -2
- package/assets/minus/index.tsx +1 -9
- package/assets/new-chrome-extension/index.tsx +4 -4
- package/assets/paperclip/index.tsx +4 -11
- package/assets/pencil/index.tsx +5 -5
- package/assets/plus/index.tsx +2 -2
- package/assets/question-box/index.tsx +8 -8
- package/assets/restaurant/index.tsx +3 -3
- package/assets/retry/index.tsx +4 -4
- package/assets/rocket/index.tsx +8 -8
- package/assets/search/index.tsx +4 -4
- package/assets/send/index.tsx +4 -4
- package/assets/setting/index.tsx +8 -8
- package/assets/shield/index.tsx +4 -18
- package/assets/shorten/index.tsx +8 -8
- package/assets/sign-out/index.tsx +8 -8
- package/assets/source/index.tsx +16 -16
- package/assets/spinner/index.tsx +8 -8
- package/assets/stack/index.tsx +9 -9
- package/assets/step/index.tsx +8 -8
- package/assets/summarize/index.tsx +2 -1
- package/assets/thumb-down/index.tsx +6 -6
- package/assets/verification-badge/index.tsx +3 -3
- package/assets/visibility-off/index.tsx +5 -5
- package/index.tsx +41 -25
- package/package.json +1 -1
package/assets/shorten/index.tsx
CHANGED
|
@@ -10,27 +10,27 @@ interface ShortenProps {
|
|
|
10
10
|
export const Shorten = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ShortenProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.
|
|
14
|
-
<path d="M2
|
|
13
|
+
<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.8199 23.0577 25.8199 24.9402 26.981 26.1013L35.9402 35.0604L38.0615 32.9391L30.6215 25.4991H46.0673V22.4991H30.6212Z" style={{ fill: `var(--${color})` }}/>
|
|
14
|
+
<path d="M2 22.4991L17.3801 22.4991L9.94016 15.0592L12.0615 12.9378L21.0206 21.897C22.1817 23.0581 22.1817 24.9405 21.0206 26.1016L12.0615 35.0608L9.94016 32.9395L17.3805 25.4991L2 25.4991V22.4991Z" style={{ fill: `var(--${color})` }}/>
|
|
15
15
|
</svg>
|
|
16
16
|
;
|
|
17
17
|
} else if (fill) {
|
|
18
18
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
|
-
<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.
|
|
20
|
-
<path d="M2
|
|
19
|
+
<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.8199 23.0577 25.8199 24.9402 26.981 26.1013L35.9402 35.0604L38.0615 32.9391L30.6215 25.4991H46.0673V22.4991H30.6212Z" style={{ fill: `var(--${color})` }}/>
|
|
20
|
+
<path d="M2 22.4991L17.3801 22.4991L9.94016 15.0592L12.0615 12.9378L21.0206 21.897C22.1817 23.0581 22.1817 24.9405 21.0206 26.1016L12.0615 35.0608L9.94016 32.9395L17.3805 25.4991L2 25.4991V22.4991Z" style={{ fill: `var(--${color})` }}/>
|
|
21
21
|
</svg>
|
|
22
22
|
;
|
|
23
23
|
} else if (thick) {
|
|
24
24
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
|
-
<path d="M31.8283 21.9992L38.
|
|
26
|
-
<path d="M2
|
|
25
|
+
<path d="M31.8283 21.9992L38.415 15.4124L35.5866 12.584L26.6275 21.5431C25.2711 22.8995 25.2711 25.0985 26.6275 26.4549L35.5866 35.414L38.415 32.5856L31.8286 25.9992H46.0673V21.9992H31.8283Z" style={{ fill: `var(--${color})` }}/>
|
|
26
|
+
<path d="M2 21.9992L16.173 21.9992L9.58661 15.4128L12.415 12.5843L21.3742 21.5435C22.7305 22.8998 22.7305 25.0989 21.3742 26.4552L12.415 35.4144L9.58661 32.5859L16.1734 25.9992L2 25.9992V21.9992Z" style={{ fill: `var(--${color})` }}/>
|
|
27
27
|
</svg>
|
|
28
28
|
;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
32
|
-
<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.
|
|
33
|
-
<path d="M2
|
|
32
|
+
<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.8199 23.0577 25.8199 24.9402 26.981 26.1013L35.9402 35.0604L38.0615 32.9391L30.6215 25.4991H46.0673V22.4991H30.6212Z" style={{ fill: `var(--${color})` }}/>
|
|
33
|
+
<path d="M2 22.4991L17.3801 22.4991L9.94016 15.0592L12.0615 12.9378L21.0206 21.897C22.1817 23.0581 22.1817 24.9405 21.0206 26.1016L12.0615 35.0608L9.94016 32.9395L17.3805 25.4991L2 25.4991V22.4991Z" style={{ fill: `var(--${color})` }}/>
|
|
34
34
|
</svg>
|
|
35
35
|
;
|
|
36
36
|
};
|
|
@@ -10,27 +10,27 @@ interface SignOutProps {
|
|
|
10
10
|
export const SignOut = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: SignOutProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<path d="M38.294 25.4131L29.
|
|
14
|
-
<path d="M8.
|
|
13
|
+
<path d="M38.294 25.4131L29.1669 34.5401L31.2883 36.6614L41.5608 26.3889C42.9276 25.0221 42.9276 22.806 41.5608 21.4392L31.2883 11.1667L29.1669 13.288L38.292 22.4131L14.9141 22.4131V25.4131L38.294 25.4131Z" style={{ fill: `var(--${color})` }}/>
|
|
14
|
+
<path d="M8.91406 39.4141H23.9141V42.4141H8.91406C6.98106 42.4141 5.41406 40.8471 5.41406 38.9141L5.41406 8.91406C5.41406 6.98107 6.98107 5.41406 8.91406 5.41406L23.914 5.41406V8.41406L8.91406 8.41406C8.63792 8.41406 8.41406 8.63792 8.41406 8.91406L8.41406 38.9141C8.41406 39.1902 8.63792 39.4141 8.91406 39.4141Z" style={{ fill: `var(--${color})` }}/>
|
|
15
15
|
</svg>
|
|
16
16
|
;
|
|
17
17
|
} else if (fill) {
|
|
18
18
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
|
-
<path d="M38.294 25.4131L29.
|
|
20
|
-
<path d="M8.
|
|
19
|
+
<path d="M38.294 25.4131L29.1669 34.5401L31.2883 36.6614L41.5608 26.3889C42.9276 25.0221 42.9276 22.806 41.5608 21.4392L31.2883 11.1667L29.1669 13.288L38.292 22.4131L14.9141 22.4131V25.4131L38.294 25.4131Z" style={{ fill: `var(--${color})` }}/>
|
|
20
|
+
<path d="M8.91406 39.4141H23.9141V42.4141H8.91406C6.98106 42.4141 5.41406 40.8471 5.41406 38.9141L5.41406 8.91406C5.41406 6.98107 6.98107 5.41406 8.91406 5.41406L23.914 5.41406V8.41406L8.91406 8.41406C8.63792 8.41406 8.41406 8.63792 8.41406 8.91406L8.41406 38.9141C8.41406 39.1902 8.63792 39.4141 8.91406 39.4141Z" style={{ fill: `var(--${color})` }}/>
|
|
21
21
|
</svg>
|
|
22
22
|
;
|
|
23
23
|
} else if (thick) {
|
|
24
24
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
|
-
<path d="M37.0869 25.9131L28.8134 34.1866L31.6418 37.015L41.9143 26.7425C43.4764 25.1804 43.4764 22.6477 41.9143 21.0856L31.6418 10.8131L28.8134 13.6416L37.0849 21.9131L14.
|
|
26
|
-
<path d="M8.
|
|
25
|
+
<path d="M37.0869 25.9131L28.8134 34.1866L31.6418 37.015L41.9143 26.7425C43.4764 25.1804 43.4764 22.6477 41.9143 21.0856L31.6418 10.8131L28.8134 13.6416L37.0849 21.9131L14.9141 21.9131V25.9131L37.0869 25.9131Z" style={{ fill: `var(--${color})` }}/>
|
|
26
|
+
<path d="M8.91406 38.9141H23.9141V42.9141H8.91406C6.70492 42.9141 4.91406 41.1232 4.91406 38.9141L4.91406 8.91406C4.91406 6.70492 6.70492 4.91406 8.91406 4.91406L23.914 4.91406V8.91406L8.91406 8.91406L8.91406 38.9141Z" style={{ fill: `var(--${color})` }}/>
|
|
27
27
|
</svg>
|
|
28
28
|
;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
32
|
-
<path d="M38.294 25.4131L29.
|
|
33
|
-
<path d="M8.
|
|
32
|
+
<path d="M38.294 25.4131L29.1669 34.5401L31.2883 36.6614L41.5608 26.3889C42.9276 25.0221 42.9276 22.806 41.5608 21.4392L31.2883 11.1667L29.1669 13.288L38.292 22.4131L14.9141 22.4131V25.4131L38.294 25.4131Z" style={{ fill: `var(--${color})` }}/>
|
|
33
|
+
<path d="M8.91406 39.4141H23.9141V42.4141H8.91406C6.98106 42.4141 5.41406 40.8471 5.41406 38.9141L5.41406 8.91406C5.41406 6.98107 6.98107 5.41406 8.91406 5.41406L23.914 5.41406V8.41406L8.91406 8.41406C8.63792 8.41406 8.41406 8.63792 8.41406 8.91406L8.41406 38.9141C8.41406 39.1902 8.63792 39.4141 8.91406 39.4141Z" style={{ fill: `var(--${color})` }}/>
|
|
34
34
|
</svg>
|
|
35
35
|
;
|
|
36
36
|
};
|
package/assets/source/index.tsx
CHANGED
|
@@ -10,35 +10,35 @@ interface SourceProps {
|
|
|
10
10
|
export const Source = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: SourceProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
14
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M28.
|
|
15
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M4.
|
|
16
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3401 11.0021C15.8405 11.5017 15.8414 12.3108 16.3379 12.8073L23.0159 19.4852C23.5167 19.9861 24.3301 19.9827 24.8254 19.4874L31.5033 12.8095C32.0029 12.3098 31.9976 11.4964 31.5011 10.9999L24.8232 4.32199C24.3267 3.82552 23.5133 3.82889 23.018 4.32417L16.3401 11.0021ZM23.9217 16.1484L19.6791 11.9058L23.9217 7.66314L28.1643 11.9058L23.9217 16.1484Z" style={{ fill: `var(--${color})` }}/>
|
|
14
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M28.4987 24.8043C28.0022 24.3079 28.0012 23.4988 28.5008 22.9992L35.1788 16.3212C35.6741 15.826 36.4875 15.8226 36.9839 16.3191L43.6619 22.997C44.1584 23.4935 44.1637 24.3069 43.6641 24.8065L36.9861 31.4845C36.4908 31.9797 35.6774 31.9831 35.1766 31.4823L28.4987 24.8043ZM31.8398 23.9029L36.0825 28.1455L40.3251 23.9029L36.0825 19.6602L31.8398 23.9029Z" style={{ fill: `var(--${color})` }}/>
|
|
15
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M4.32336 23.0168C3.82373 23.5164 3.8247 24.3254 4.32117 24.8219L10.9991 31.4999C11.5 32.0007 12.3134 31.9973 12.8086 31.502L19.4866 24.8241C19.9862 24.3245 19.9809 23.5111 19.4844 23.0146L12.8065 16.3366C12.31 15.8402 11.4966 15.8435 11.0013 16.3388L4.32336 23.0168ZM11.905 28.1631L7.66233 23.9204L11.905 19.6778L16.1476 23.9204L11.905 28.1631Z" style={{ fill: `var(--${color})` }}/>
|
|
16
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3369 35.1925C15.8373 35.6922 15.8383 36.5012 16.3347 36.9977L23.0127 43.6757C23.5135 44.1765 24.3269 44.1731 24.8222 43.6778L31.5001 36.9999C31.9998 36.5003 31.9944 35.6868 31.498 35.1904L24.82 28.5124C24.3235 28.0159 23.5101 28.0193 23.0149 28.5146L16.3369 35.1925ZM23.9185 40.3389L19.6759 36.0962L23.9185 31.8536L28.1612 36.0962L23.9185 40.3389Z" style={{ fill: `var(--${color})` }}/>
|
|
17
17
|
</svg>
|
|
18
18
|
;
|
|
19
19
|
} else if (fill) {
|
|
20
20
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
21
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
22
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M28.
|
|
23
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M4.
|
|
24
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
21
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3401 11.0021C15.8405 11.5017 15.8414 12.3108 16.3379 12.8073L23.0159 19.4852C23.5167 19.9861 24.3301 19.9827 24.8254 19.4874L31.5033 12.8095C32.0029 12.3098 31.9976 11.4964 31.5011 10.9999L24.8232 4.32199C24.3267 3.82552 23.5133 3.82889 23.018 4.32417L16.3401 11.0021ZM23.9217 16.1484L19.6791 11.9058L23.9217 7.66314L28.1643 11.9058L23.9217 16.1484Z" style={{ fill: `var(--${color})` }}/>
|
|
22
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M28.4987 24.8043C28.0022 24.3079 28.0012 23.4988 28.5008 22.9992L35.1788 16.3212C35.6741 15.826 36.4875 15.8226 36.9839 16.3191L43.6619 22.997C44.1584 23.4935 44.1637 24.3069 43.6641 24.8065L36.9861 31.4845C36.4908 31.9797 35.6774 31.9831 35.1766 31.4823L28.4987 24.8043ZM31.8398 23.9029L36.0825 28.1455L40.3251 23.9029L36.0825 19.6602L31.8398 23.9029Z" style={{ fill: `var(--${color})` }}/>
|
|
23
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M4.32336 23.0168C3.82373 23.5164 3.8247 24.3254 4.32117 24.8219L10.9991 31.4999C11.5 32.0007 12.3134 31.9973 12.8086 31.502L19.4866 24.8241C19.9862 24.3245 19.9809 23.5111 19.4844 23.0146L12.8065 16.3366C12.31 15.8402 11.4966 15.8435 11.0013 16.3388L4.32336 23.0168ZM11.905 28.1631L7.66233 23.9204L11.905 19.6778L16.1476 23.9204L11.905 28.1631Z" style={{ fill: `var(--${color})` }}/>
|
|
24
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3369 35.1925C15.8373 35.6922 15.8383 36.5012 16.3347 36.9977L23.0127 43.6757C23.5135 44.1765 24.3269 44.1731 24.8222 43.6778L31.5001 36.9999C31.9998 36.5003 31.9944 35.6868 31.498 35.1904L24.82 28.5124C24.3235 28.0159 23.5101 28.0193 23.0149 28.5146L16.3369 35.1925ZM23.9185 40.3389L19.6759 36.0962L23.9185 31.8536L28.1612 36.0962L23.9185 40.3389Z" style={{ fill: `var(--${color})` }}/>
|
|
25
25
|
</svg>
|
|
26
26
|
;
|
|
27
27
|
} else if (thick) {
|
|
28
28
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
29
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
30
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M28.
|
|
31
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M4.
|
|
32
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
29
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3401 11.0021C15.8405 11.5017 15.8414 12.3108 16.3379 12.8073L23.0159 19.4852C23.5167 19.9861 24.3301 19.9827 24.8254 19.4874L31.5033 12.8095C32.0029 12.3098 31.9976 11.4964 31.5011 10.9999L24.8232 4.32199C24.3267 3.82552 23.5133 3.82889 23.018 4.32417L16.3401 11.0021ZM23.9217 14.7342L21.0933 11.9058L23.9217 9.07736L26.7501 11.9058L23.9217 14.7342Z" style={{ fill: `var(--${color})` }}/>
|
|
30
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M28.4987 24.8043C28.0022 24.3079 28.0012 23.4988 28.5008 22.9992L35.1788 16.3212C35.6741 15.826 36.4875 15.8226 36.9839 16.3191L43.6619 22.997C44.1584 23.4935 44.1637 24.3069 43.6641 24.8065L36.9861 31.4845C36.4908 31.9797 35.6774 31.9831 35.1766 31.4823L28.4987 24.8043ZM33.254 23.9029L36.0825 26.7313L38.9109 23.9029L36.0825 21.0744L33.254 23.9029Z" style={{ fill: `var(--${color})` }}/>
|
|
31
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M4.32336 23.0168C3.82373 23.5164 3.8247 24.3254 4.32117 24.8219L10.9991 31.4999C11.5 32.0007 12.3134 31.9973 12.8086 31.502L19.4866 24.8241C19.9862 24.3245 19.9809 23.5111 19.4844 23.0146L12.8065 16.3366C12.31 15.8402 11.4966 15.8435 11.0013 16.3388L4.32336 23.0168ZM11.905 26.7489L9.07654 23.9204L11.905 21.092L14.7334 23.9204L11.905 26.7489Z" style={{ fill: `var(--${color})` }}/>
|
|
32
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3369 35.1925C15.8373 35.6922 15.8383 36.5012 16.3347 36.9977L23.0127 43.6757C23.5135 44.1765 24.3269 44.1731 24.8222 43.6778L31.5001 36.9999C31.9998 36.5003 31.9944 35.6868 31.498 35.1904L24.82 28.5124C24.3235 28.0159 23.5101 28.0193 23.0149 28.5146L16.3369 35.1925ZM23.9185 38.9246L21.0901 36.0962L23.9185 33.2678L26.7469 36.0962L23.9185 38.9246Z" style={{ fill: `var(--${color})` }}/>
|
|
33
33
|
</svg>
|
|
34
34
|
;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
38
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
39
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M28.
|
|
40
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M4.
|
|
41
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M16.
|
|
38
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3401 11.0021C15.8405 11.5017 15.8414 12.3108 16.3379 12.8073L23.0159 19.4852C23.5167 19.9861 24.3301 19.9827 24.8254 19.4874L31.5033 12.8095C32.0029 12.3098 31.9976 11.4964 31.5011 10.9999L24.8232 4.32199C24.3267 3.82552 23.5133 3.82889 23.018 4.32417L16.3401 11.0021ZM23.9217 16.1484L19.6791 11.9058L23.9217 7.66314L28.1643 11.9058L23.9217 16.1484Z" style={{ fill: `var(--${color})` }}/>
|
|
39
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M28.4987 24.8043C28.0022 24.3079 28.0012 23.4988 28.5008 22.9992L35.1788 16.3212C35.6741 15.826 36.4875 15.8226 36.9839 16.3191L43.6619 22.997C44.1584 23.4935 44.1637 24.3069 43.6641 24.8065L36.9861 31.4845C36.4908 31.9797 35.6774 31.9831 35.1766 31.4823L28.4987 24.8043ZM31.8398 23.9029L36.0825 28.1455L40.3251 23.9029L36.0825 19.6602L31.8398 23.9029Z" style={{ fill: `var(--${color})` }}/>
|
|
40
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M4.32336 23.0168C3.82373 23.5164 3.8247 24.3254 4.32117 24.8219L10.9991 31.4999C11.5 32.0007 12.3134 31.9973 12.8086 31.502L19.4866 24.8241C19.9862 24.3245 19.9809 23.5111 19.4844 23.0146L12.8065 16.3366C12.31 15.8402 11.4966 15.8435 11.0013 16.3388L4.32336 23.0168ZM11.905 28.1631L7.66233 23.9204L11.905 19.6778L16.1476 23.9204L11.905 28.1631Z" style={{ fill: `var(--${color})` }}/>
|
|
41
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.3369 35.1925C15.8373 35.6922 15.8383 36.5012 16.3347 36.9977L23.0127 43.6757C23.5135 44.1765 24.3269 44.1731 24.8222 43.6778L31.5001 36.9999C31.9998 36.5003 31.9944 35.6868 31.498 35.1904L24.82 28.5124C24.3235 28.0159 23.5101 28.0193 23.0149 28.5146L16.3369 35.1925ZM23.9185 40.3389L19.6759 36.0962L23.9185 31.8536L28.1612 36.0962L23.9185 40.3389Z" style={{ fill: `var(--${color})` }}/>
|
|
42
42
|
</svg>
|
|
43
43
|
;
|
|
44
44
|
};
|
package/assets/spinner/index.tsx
CHANGED
|
@@ -10,31 +10,31 @@ interface SpinnerProps {
|
|
|
10
10
|
export const Spinner = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: SpinnerProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<g clip-path="url(#
|
|
13
|
+
<g clip-path="url(#paint0_angular_774_40757_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"stopsVar":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"transform":{"m00":0.0,"m01":-39.597976684570312,"m02":43.798988342285156,"m10":39.597976684570312,"m11":0.0,"m12":4.2011013031005859},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
|
|
14
14
|
<defs>
|
|
15
|
-
<clipPath id="
|
|
15
|
+
<clipPath id="paint0_angular_774_40757_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
|
|
16
16
|
</svg>
|
|
17
17
|
;
|
|
18
18
|
} else if (fill) {
|
|
19
19
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
|
-
<g clip-path="url(#
|
|
20
|
+
<g clip-path="url(#paint0_angular_774_40757_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"stopsVar":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"transform":{"m00":0.0,"m01":-39.597976684570312,"m02":43.798988342285156,"m10":39.597976684570312,"m11":0.0,"m12":4.2011013031005859},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
|
|
21
21
|
<defs>
|
|
22
|
-
<clipPath id="
|
|
22
|
+
<clipPath id="paint0_angular_774_40757_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
|
|
23
23
|
</svg>
|
|
24
24
|
;
|
|
25
25
|
} else if (thick) {
|
|
26
26
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
27
|
-
<g clip-path="url(#
|
|
27
|
+
<g clip-path="url(#paint0_angular_774_40757_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"stopsVar":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"transform":{"m00":0.0,"m01":-39.597976684570312,"m02":43.798988342285156,"m10":39.597976684570312,"m11":0.0,"m12":4.2011013031005859},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
|
|
28
28
|
<defs>
|
|
29
|
-
<clipPath id="
|
|
29
|
+
<clipPath id="paint0_angular_774_40757_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
|
|
30
30
|
</svg>
|
|
31
31
|
;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
35
|
-
<g clip-path="url(#
|
|
35
|
+
<g clip-path="url(#paint0_angular_774_40757_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"stopsVar":[{"color":{"r":0.11670587956905365,"g":0.11735424399375916,"b":0.12156862765550613,"a":1.0},"position":0.0},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.80000001192092896},"position":0.250},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.43921568989753723,"a":0.0},"position":0.87999999523162842}],"transform":{"m00":0.0,"m01":-39.597976684570312,"m02":43.798988342285156,"m10":39.597976684570312,"m11":0.0,"m12":4.2011013031005859},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
|
|
36
36
|
<defs>
|
|
37
|
-
<clipPath id="
|
|
37
|
+
<clipPath id="paint0_angular_774_40757_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
|
|
38
38
|
</svg>
|
|
39
39
|
;
|
|
40
40
|
};
|
package/assets/stack/index.tsx
CHANGED
|
@@ -10,16 +10,16 @@ interface StackProps {
|
|
|
10
10
|
export const Stack = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: StackProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<path d="M24 5L42.
|
|
14
|
-
<path d="M4.
|
|
15
|
-
<path d="M4.
|
|
13
|
+
<path d="M24.0002 5L42.4224 14.2111C43.8965 14.9482 43.8965 17.0518 42.4224 17.7889L24.0002 27L5.57786 17.7889C4.10377 17.0518 4.10377 14.9482 5.57786 14.2111L24.0002 5Z" style={{ fill: `var(--${color})` }}/>
|
|
14
|
+
<path d="M4.71977 21.5339C3.57195 23.0848 3.96645 25.4831 5.9033 26.4515L24.0001 35.4999L42.0969 26.4515C44.0337 25.4831 44.4282 23.0848 43.2804 21.534L24.0001 31.0277L4.71977 21.5339Z" style={{ fill: `var(--${color})` }}/>
|
|
15
|
+
<path d="M4.71977 30.0339C3.57195 31.5848 3.96645 33.9831 5.9033 34.9515L24.0001 43.9999L42.0969 34.9515C44.0337 33.9831 44.4282 31.5848 43.2804 30.034L24.0001 39.5277L4.71977 30.0339Z" style={{ fill: `var(--${color})` }}/>
|
|
16
16
|
</svg>
|
|
17
17
|
;
|
|
18
18
|
} else if (fill) {
|
|
19
19
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
|
-
<path d="M42.
|
|
21
|
-
<path d="M4.
|
|
22
|
-
<path d="M5.
|
|
20
|
+
<path d="M42.4224 17.7889L24.0002 27L5.57786 17.7889C4.10377 17.0518 4.10377 14.9482 5.57786 14.2111L24.0002 5L42.4224 14.2111C43.8965 14.9482 43.8965 17.0518 42.4224 17.7889Z" style={{ fill: `var(--${color})` }}/>
|
|
21
|
+
<path d="M4.27246 22.375C3.74762 23.8491 4.29123 25.6456 5.9033 26.4516L24.0001 35.5L42.0969 26.4516C43.7089 25.6456 44.2525 23.8491 43.7277 22.375L24.0001 32.1459L4.27246 22.375Z" style={{ fill: `var(--${color})` }}/>
|
|
22
|
+
<path d="M5.9033 34.9515C4.30797 34.1538 3.75903 32.3861 4.25645 30.9209L24.0001 40.6458L43.7437 30.9209C44.2411 32.3861 43.6922 34.1538 42.0969 34.9515L24.0001 43.9999L5.9033 34.9515Z" style={{ fill: `var(--${color})` }}/>
|
|
23
23
|
</svg>
|
|
24
24
|
;
|
|
25
25
|
} else if (thick) {
|
|
@@ -32,9 +32,9 @@ export const Stack = ({ fill = false, thick = false, size = 24, color = 'neutral
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
35
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M42.
|
|
36
|
-
<path d="M4.
|
|
37
|
-
<path d="M4.
|
|
35
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42.4224 17.7889L24.0002 27L5.57786 17.7889C4.10377 17.0518 4.10377 14.9482 5.57786 14.2111L24.0002 5L42.4224 14.2111C43.8965 14.9482 43.8965 17.0518 42.4224 17.7889ZM8.70836 16L24.0002 8.3541L39.292 16L24.0002 23.6459L8.70836 16Z" style={{ fill: `var(--${color})` }}/>
|
|
36
|
+
<path d="M4.27246 22.375C3.74762 23.8491 4.29123 25.6456 5.9033 26.4516L24.0001 35.5L42.0969 26.4516C43.7089 25.6456 44.2525 23.8491 43.7277 22.375L24.0001 32.1459L4.27246 22.375Z" style={{ fill: `var(--${color})` }}/>
|
|
37
|
+
<path d="M4.25645 30.9209C3.75903 32.3861 4.30797 34.1538 5.9033 34.9515L24.0001 43.9999L42.0969 34.9515C43.6922 34.1538 44.2411 32.3861 43.7437 30.9209L24.0001 40.6458L4.25645 30.9209Z" style={{ fill: `var(--${color})` }}/>
|
|
38
38
|
</svg>
|
|
39
39
|
;
|
|
40
40
|
};
|
package/assets/step/index.tsx
CHANGED
|
@@ -10,27 +10,27 @@ interface StepProps {
|
|
|
10
10
|
export const Step = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: StepProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M20.
|
|
14
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M27.
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M20.3921 24.0505C21.8175 21.1504 22.5959 17.6827 22.839 14.9636C23.3529 9.21377 20.1013 1.86355 14.0839 1.78983C8.06659 1.71611 4.96458 6.9623 4.33873 13.9635C3.91034 18.7558 5.17605 24.4122 8.0563 27.5044C7.96392 29.3719 8.50743 31.3694 8.96782 33.0616C10.0242 36.9442 13.9047 39.2689 17.6351 38.2539C21.3654 37.2389 23.5331 33.2686 22.4767 29.386C22.0082 27.6639 21.4536 25.6255 20.3921 24.0505ZM11.0523 28.242L18.1635 26.15C18.7497 27.1988 19.1462 28.572 19.582 30.1736C20.2334 32.5678 18.871 34.8086 16.8474 35.3591C14.8239 35.9097 12.514 34.6681 11.8626 32.2739C11.4468 30.7457 11.1039 29.4119 11.0523 28.242ZM7.32682 14.2306C6.94677 18.482 8.12964 23.0965 10.1729 25.3736L17.4514 23.2324L17.6997 22.7271C18.9261 20.232 19.6324 17.1407 19.8509 14.6965C20.0544 12.4192 19.4956 9.77048 18.3212 7.76302C17.16 5.77795 15.6721 4.80951 14.0472 4.7896C12.0672 4.76535 10.6751 5.55181 9.60392 7.0042C8.44082 8.58128 7.61186 11.0419 7.32682 14.2306Z" style={{ fill: `var(--${color})` }}/>
|
|
14
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M27.9965 32.0505C26.935 33.6255 26.3804 35.6639 25.9119 37.386C24.8555 41.2686 27.0231 45.2389 30.7535 46.2539C34.4839 47.2689 38.3643 44.9442 39.4208 41.0615C39.8812 39.3694 40.4247 37.3719 40.3323 35.5044C43.2125 32.4122 44.4782 26.7558 44.0499 21.9635C43.424 14.9623 40.322 9.71611 34.3047 9.78983C28.2873 9.86355 25.0356 17.2138 25.5496 22.9636C25.7927 25.6827 26.5711 29.1504 27.9965 32.0505ZM30.9848 31.3293L38.367 33.1989C40.317 30.8666 41.4323 26.376 41.0618 22.2306C40.7767 19.0419 39.9478 16.5813 38.7847 15.0042C37.7135 13.5518 36.3214 12.7653 34.3414 12.7896C32.7165 12.8095 31.2286 13.778 30.0673 15.763C28.893 17.7705 28.3341 20.4192 28.5377 22.6965C28.7562 25.1407 29.4625 28.232 30.6889 30.7271L30.9848 31.3293ZM37.3424 36.0341L30.1857 34.2216C29.621 35.261 29.2325 36.6082 28.8066 38.1736C28.1552 40.5678 29.5175 42.8086 31.5411 43.3591C33.5647 43.9097 35.8746 42.6681 36.526 40.2739C36.9666 38.6545 37.3254 37.2533 37.3424 36.0341Z" style={{ fill: `var(--${color})` }}/>
|
|
15
15
|
</svg>
|
|
16
16
|
;
|
|
17
17
|
} else if (fill) {
|
|
18
18
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M20.
|
|
20
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M27.
|
|
19
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M20.3921 24.0505C21.8175 21.1504 22.5959 17.6827 22.839 14.9636C23.3529 9.21377 20.1013 1.86355 14.0839 1.78983C8.06659 1.71611 4.96458 6.9623 4.33873 13.9635C3.91034 18.7558 5.17605 24.4122 8.0563 27.5044C7.96392 29.3719 8.50743 31.3694 8.96782 33.0616C10.0242 36.9442 13.9047 39.2689 17.6351 38.2539C21.3654 37.2389 23.5331 33.2686 22.4767 29.386C22.0082 27.6639 21.4536 25.6255 20.3921 24.0505ZM11.0523 28.242L18.1635 26.15C18.7497 27.1988 19.1462 28.572 19.582 30.1736C20.2334 32.5678 18.871 34.8086 16.8474 35.3591C14.8239 35.9097 12.514 34.6681 11.8626 32.2739C11.4468 30.7457 11.1039 29.4119 11.0523 28.242ZM7.32682 14.2306C6.94677 18.482 8.12964 23.0965 10.1729 25.3736L17.4514 23.2324L17.6997 22.7271C18.9261 20.232 19.6324 17.1407 19.8509 14.6965C20.0544 12.4192 19.4956 9.77048 18.3212 7.76302C17.16 5.77795 15.6721 4.80951 14.0472 4.7896C12.0672 4.76535 10.6751 5.55181 9.60392 7.0042C8.44082 8.58128 7.61186 11.0419 7.32682 14.2306Z" style={{ fill: `var(--${color})` }}/>
|
|
20
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M27.9965 32.0505C26.935 33.6255 26.3804 35.6639 25.9119 37.386C24.8555 41.2686 27.0231 45.2389 30.7535 46.2539C34.4839 47.2689 38.3643 44.9442 39.4208 41.0615C39.8812 39.3694 40.4247 37.3719 40.3323 35.5044C43.2125 32.4122 44.4782 26.7558 44.0499 21.9635C43.424 14.9623 40.322 9.71611 34.3047 9.78983C28.2873 9.86355 25.0356 17.2138 25.5496 22.9636C25.7927 25.6827 26.5711 29.1504 27.9965 32.0505ZM30.9848 31.3293L38.367 33.1989C40.317 30.8666 41.4323 26.376 41.0618 22.2306C40.7767 19.0419 39.9478 16.5813 38.7847 15.0042C37.7135 13.5518 36.3214 12.7653 34.3414 12.7896C32.7165 12.8095 31.2286 13.778 30.0673 15.763C28.893 17.7705 28.3341 20.4192 28.5377 22.6965C28.7562 25.1407 29.4625 28.232 30.6889 30.7271L30.9848 31.3293ZM37.3424 36.0341L30.1857 34.2216C29.621 35.261 29.2325 36.6082 28.8066 38.1736C28.1552 40.5678 29.5175 42.8086 31.5411 43.3591C33.5647 43.9097 35.8746 42.6681 36.526 40.2739C36.9666 38.6545 37.3254 37.2533 37.3424 36.0341Z" style={{ fill: `var(--${color})` }}/>
|
|
21
21
|
</svg>
|
|
22
22
|
;
|
|
23
23
|
} else if (thick) {
|
|
24
24
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M22.
|
|
26
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M27.
|
|
25
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M22.8652 14.6173C23.222 8.92313 19.9811 1.86208 14.0839 1.78983C8.06659 1.71611 4.96458 6.9623 4.33873 13.9635C3.91034 18.7558 5.17605 24.4122 8.0563 27.5044C7.96392 29.3719 8.50743 31.3694 8.96782 33.0616C10.0242 36.9442 13.9047 39.2689 17.6351 38.2539C21.3654 37.2389 23.5331 33.2686 22.4767 29.386C22.0082 27.6639 21.4536 25.6255 20.3921 24.0505C20.819 23.1818 21.1879 22.2622 21.5018 21.327C22.2358 19.1402 22.6687 16.8682 22.839 14.9636C22.8492 14.8488 22.858 14.7333 22.8652 14.6173ZM12.0679 28.4644L17.4238 26.8888C17.8668 27.7727 18.2108 28.9431 18.617 30.4361C19.1334 32.3341 18.0396 33.9984 16.5849 34.3942C15.1302 34.79 13.3439 33.9094 12.8275 32.0114C12.4385 30.5816 12.1485 29.433 12.0679 28.4644ZM8.32285 14.3196C7.9604 18.3742 9.10388 22.6284 10.8664 24.6484L16.4482 23.0063L16.8022 22.286C17.9623 19.9259 18.6445 16.96 18.8548 14.6074C19.0406 12.5293 18.5237 10.0894 17.4581 8.26797C16.41 6.47638 15.1985 5.80379 14.0349 5.78953C12.3978 5.76947 11.3016 6.38705 10.4087 7.59774C9.39322 8.97469 8.59859 11.2349 8.32285 14.3196Z" style={{ fill: `var(--${color})` }}/>
|
|
26
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M27.9965 32.0505C26.935 33.6255 26.3804 35.6639 25.9119 37.386C24.8555 41.2686 27.0231 45.2389 30.7535 46.2539C34.4839 47.2689 38.3643 44.9442 39.4208 41.0615C39.8812 39.3694 40.4247 37.3719 40.3323 35.5044C43.2125 32.4122 44.4782 26.7558 44.0499 21.9635C43.424 14.9623 40.322 9.71611 34.3047 9.78983C30.7967 9.83281 28.2286 12.3488 26.7987 15.5791C25.9154 17.5743 25.4664 19.842 25.4983 21.9677C25.5033 22.3038 25.5204 22.6363 25.5496 22.9636C25.7927 25.6827 26.5711 29.1504 27.9965 32.0505ZM31.7805 30.681L37.7077 32.4246C39.3641 30.3262 40.4153 26.2301 40.0657 22.3196C39.79 19.2349 38.9954 16.9747 37.9799 15.5977C37.087 14.387 35.9908 13.7695 34.3537 13.7895C33.19 13.8038 31.9786 14.4764 30.9305 16.268C29.8649 18.0894 29.348 20.5293 29.5337 22.6074C29.744 24.96 30.4263 27.9259 31.5863 30.286L31.7805 30.681ZM36.3379 36.1912L31.0921 34.6479C30.5857 35.5562 30.2158 36.8033 29.7715 38.4361C29.2551 40.3341 30.349 41.9984 31.8037 42.3942C33.2583 42.79 35.0447 41.9094 35.5611 40.0114C35.9873 38.4447 36.2947 37.2158 36.3379 36.1912Z" style={{ fill: `var(--${color})` }}/>
|
|
27
27
|
</svg>
|
|
28
28
|
;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
32
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M20.
|
|
33
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M27.
|
|
32
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M20.3921 24.0505C21.8175 21.1504 22.5959 17.6827 22.839 14.9636C23.3529 9.21377 20.1013 1.86355 14.0839 1.78983C8.06659 1.71611 4.96458 6.9623 4.33873 13.9635C3.91034 18.7558 5.17605 24.4122 8.0563 27.5044C7.96392 29.3719 8.50743 31.3694 8.96782 33.0616C10.0242 36.9442 13.9047 39.2689 17.6351 38.2539C21.3654 37.2389 23.5331 33.2686 22.4767 29.386C22.0082 27.6639 21.4536 25.6255 20.3921 24.0505ZM11.0523 28.242L18.1635 26.15C18.7497 27.1988 19.1462 28.572 19.582 30.1736C20.2334 32.5678 18.871 34.8086 16.8474 35.3591C14.8239 35.9097 12.514 34.6681 11.8626 32.2739C11.4468 30.7457 11.1039 29.4119 11.0523 28.242ZM7.32682 14.2306C6.94677 18.482 8.12964 23.0965 10.1729 25.3736L17.4514 23.2324L17.6997 22.7271C18.9261 20.232 19.6324 17.1407 19.8509 14.6965C20.0544 12.4192 19.4956 9.77048 18.3212 7.76302C17.16 5.77795 15.6721 4.80951 14.0472 4.7896C12.0672 4.76535 10.6751 5.55181 9.60392 7.0042C8.44082 8.58128 7.61186 11.0419 7.32682 14.2306Z" style={{ fill: `var(--${color})` }}/>
|
|
33
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M27.9965 32.0505C26.935 33.6255 26.3804 35.6639 25.9119 37.386C24.8555 41.2686 27.0231 45.2389 30.7535 46.2539C34.4839 47.2689 38.3643 44.9442 39.4208 41.0615C39.8812 39.3694 40.4247 37.3719 40.3323 35.5044C43.2125 32.4122 44.4782 26.7558 44.0499 21.9635C43.424 14.9623 40.322 9.71611 34.3047 9.78983C28.2873 9.86355 25.0356 17.2138 25.5496 22.9636C25.7927 25.6827 26.5711 29.1504 27.9965 32.0505ZM30.9848 31.3293L38.367 33.1989C40.317 30.8666 41.4323 26.376 41.0618 22.2306C40.7767 19.0419 39.9478 16.5813 38.7847 15.0042C37.7135 13.5518 36.3214 12.7653 34.3414 12.7896C32.7165 12.8095 31.2286 13.778 30.0673 15.763C28.893 17.7705 28.3341 20.4192 28.5377 22.6965C28.7562 25.1407 29.4625 28.232 30.6889 30.7271L30.9848 31.3293ZM37.3424 36.0341L30.1857 34.2216C29.621 35.261 29.2325 36.6082 28.8066 38.1736C28.1552 40.5678 29.5175 42.8086 31.5411 43.3591C33.5647 43.9097 35.8746 42.6681 36.526 40.2739C36.9666 38.6545 37.3254 37.2533 37.3424 36.0341Z" style={{ fill: `var(--${color})` }}/>
|
|
34
34
|
</svg>
|
|
35
35
|
;
|
|
36
36
|
};
|
|
@@ -10,7 +10,8 @@ interface SummarizeProps {
|
|
|
10
10
|
export const Summarize = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: SummarizeProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<path d="
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M26.5143 43H7C5.89543 43 5 42.1046 5 41V7C5 5.89543 5.89543 5 7 5H41C42.1046 5 43 5.89543 43 7V28.4501C40.9945 26.3258 38.1521 25 35 25C34.6629 25 34.3294 25.0152 34 25.0448V22H14V26H30.411C28.5149 26.8716 26.9091 28.2666 25.7789 30H14V34H24.1814C24.0622 34.6486 24 35.317 24 36C24 38.6593 24.9436 41.0981 26.5143 43ZM14 18V14H34V18H14Z" style={{ fill: `var(--${color})` }}/>
|
|
14
|
+
<path d="M33.8002 43.9464V37.9997C33.8002 37.7235 33.5763 37.4997 33.3002 37.4997H29.9301C29.5316 37.4997 29.2932 37.0563 29.513 36.7239L35.2831 27.9982C35.5565 27.5848 36.2002 27.7784 36.2002 28.2741L36.1999 34.2055C36.1998 34.4817 36.4237 34.7055 36.6999 34.7055H40.0708C40.4691 34.7055 40.7075 35.1486 40.488 35.481L34.7174 44.2219C34.4442 44.6357 33.8002 44.4423 33.8002 43.9464Z" style={{ fill: `var(--${color})` }}/>
|
|
14
15
|
</svg>
|
|
15
16
|
;
|
|
16
17
|
} else if (fill) {
|
|
@@ -10,25 +10,25 @@ interface ThumbDownProps {
|
|
|
10
10
|
export const ThumbDown = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ThumbDownProps) => {
|
|
11
11
|
if (fill && thick) {
|
|
12
12
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
-
<path d="
|
|
14
|
-
<path d="
|
|
13
|
+
<path d="M31.9999 4L9.19411 4C8.21643 4 7.38205 4.70683 7.22132 5.6712L3.77612 26.3424C3.36976 28.7805 5.24993 31 7.72169 31H18.4999L17.1268 39.9247C16.7972 42.0675 18.4551 44 20.6231 44C21.5007 44 22.3384 43.6333 22.9336 42.9884L31.9999 33.1666L31.9999 4Z" style={{ fill: `var(--${color})` }}/>
|
|
14
|
+
<path d="M35.9999 31L41.9999 31C43.1044 31 43.9999 30.1046 43.9999 29L43.9999 6.00001C43.9999 4.89544 43.1044 4.00001 41.9999 4.00001L35.9999 4V31Z" style={{ fill: `var(--${color})` }}/>
|
|
15
15
|
</svg>
|
|
16
16
|
;
|
|
17
17
|
} else if (fill) {
|
|
18
18
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
|
-
<path d="M32.
|
|
20
|
-
<path d="M35.
|
|
19
|
+
<path d="M32.4999 4L9.19411 4C8.21643 4 7.38205 4.70683 7.22132 5.6712L3.77612 26.3424C3.36976 28.7805 5.24993 31 7.72169 31H18.4999L17.1268 39.9247C16.7972 42.0675 18.4551 44 20.6231 44C21.5007 44 22.3384 43.6333 22.9336 42.9884L32.4999 32.625L32.4999 4Z" style={{ fill: `var(--${color})` }}/>
|
|
20
|
+
<path d="M35.4999 31L41.9999 31C43.1044 31 43.9999 30.1046 43.9999 29L43.9999 6.00001C43.9999 4.89544 43.1044 4.00001 41.9999 4.00001L35.4999 4L35.4999 31Z" style={{ fill: `var(--${color})` }}/>
|
|
21
21
|
</svg>
|
|
22
22
|
;
|
|
23
23
|
} else if (thick) {
|
|
24
24
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M14.
|
|
25
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M14.4691 37.7018L15.5001 31H7.72194C5.25018 31 3.37001 28.7805 3.77636 26.3424L7.22156 5.6712C7.38229 4.70683 8.21667 4 9.19435 4L42.0001 4.00001C43.1047 4.00001 44.0001 4.89544 44.0001 6.00001L44.0001 29C44.0001 30.1046 43.1047 31 42.0001 31L34.0001 31L23.4432 42.4366C22.5233 43.4332 21.2287 44 19.8724 44C16.5218 44 13.9596 41.0134 14.4691 37.7018ZM30.0001 29.4361L30.0001 8.00001L10.8886 8L7.72194 27H20.1625L18.4225 38.31C18.2858 39.1986 18.9734 40 19.8724 40C20.1123 40 20.3413 39.8998 20.504 39.7235L30.0001 29.4361ZM34.0001 27L40.0001 27L40.0001 8.00001L34.0001 8.00001L34.0001 27Z" style={{ fill: `var(--${color})` }}/>
|
|
26
26
|
</svg>
|
|
27
27
|
;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
31
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M14.
|
|
31
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M14.4691 37.7018L15.5001 31H7.72194C5.25018 31 3.37001 28.7805 3.77636 26.3424L7.22156 5.6712C7.38229 4.70683 8.21667 4 9.19435 4L42.0001 4.00001C43.1047 4.00001 44.0001 4.89544 44.0001 6.00001L44.0001 29C44.0001 30.1046 43.1047 31 42.0001 31L34.0001 31L23.4432 42.4366C22.5233 43.4332 21.2287 44 19.8724 44C16.5218 44 13.9596 41.0134 14.4691 37.7018ZM31.0001 29.8271L31.0001 7.00001L10.0415 7L6.73554 26.8356C6.63396 27.4451 7.104 28 7.72194 28H18.9969L17.4342 38.1579C17.2043 39.6523 18.3605 41 19.8724 41C20.3914 41 20.8868 40.7831 21.2388 40.4018L31.0001 29.8271ZM34.0001 28L41.0001 28L41.0001 7.00001L34.0001 7.00001L34.0001 28Z" style={{ fill: `var(--${color})` }}/>
|
|
32
32
|
</svg>
|
|
33
33
|
;
|
|
34
34
|
};
|
|
@@ -15,18 +15,18 @@ export const VerificationBadge = ({ fill = false, thick = false, size = 24, colo
|
|
|
15
15
|
;
|
|
16
16
|
} else if (fill) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M35.
|
|
18
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M35.2523 9.61038L31.387 3.10156L24.4341 6.09533L17.4812 3.10156L13.6159 9.61038L6.2312 11.2752L6.92989 18.8129L1.93408 24.5003L6.92989 30.1878L6.2312 37.7255L13.6159 39.3903L17.4812 45.8991L24.4341 42.9053L31.387 45.8991L35.2523 39.3903L42.637 37.7255L41.9383 30.1878L46.9341 24.5003L41.9383 18.8129L42.637 11.2752L35.2523 9.61038ZM22.2615 27.8736L16.0752 21.6873L13.9539 23.8086L20.1402 29.9949C21.5053 31.36 23.7181 31.362 25.0856 29.9992L35.766 19.356L33.6484 17.231L22.968 27.8742C22.7726 28.0689 22.4565 28.0686 22.2615 27.8736Z" style={{ fill: `var(--${color})` }}/>
|
|
19
19
|
</svg>
|
|
20
20
|
;
|
|
21
21
|
} else if (thick) {
|
|
22
22
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
23
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M35.
|
|
23
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M35.2523 9.61038L31.387 3.10156L24.4341 6.09533L17.4812 3.10156L13.6159 9.61038L6.2312 11.2752L6.92989 18.8129L1.93408 24.5003L6.92989 30.1878L6.2312 37.7255L13.6159 39.3903L17.4812 45.8991L24.4341 42.9053L31.387 45.8991L35.2523 39.3903L42.637 37.7255L41.9383 30.1878L46.9341 24.5003L41.9383 18.8129L42.637 11.2752L35.2523 9.61038ZM22.2615 27.8736L16.0752 21.6873L13.9539 23.8086L20.1402 29.9949C21.5053 31.36 23.7181 31.362 25.0856 29.9992L35.766 19.356L33.6484 17.231L22.968 27.8742C22.7726 28.0689 22.4565 28.0686 22.2615 27.8736Z" style={{ fill: `var(--${color})` }}/>
|
|
24
24
|
</svg>
|
|
25
25
|
;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
29
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M35.
|
|
29
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M35.2523 9.61038L31.387 3.10156L24.4341 6.09533L17.4812 3.10156L13.6159 9.61038L6.2312 11.2752L6.92989 18.8129L1.93408 24.5003L6.92989 30.1878L6.2312 37.7255L13.6159 39.3903L17.4812 45.8991L24.4341 42.9053L31.387 45.8991L35.2523 39.3903L42.637 37.7255L41.9383 30.1878L46.9341 24.5003L41.9383 18.8129L42.637 11.2752L35.2523 9.61038ZM22.2615 27.8736L16.0752 21.6873L13.9539 23.8086L20.1402 29.9949C21.5053 31.36 23.7181 31.362 25.0856 29.9992L35.766 19.356L33.6484 17.231L22.968 27.8742C22.7726 28.0689 22.4565 28.0686 22.2615 27.8736Z" style={{ fill: `var(--${color})` }}/>
|
|
30
30
|
</svg>
|
|
31
31
|
;
|
|
32
32
|
};
|
|
@@ -38,11 +38,11 @@ export const VisibilityOff = ({ fill = false, thick = false, size = 24, color =
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
41
|
-
<path d="M10.9186 8.
|
|
42
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M37.5262 33.
|
|
43
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M29.7397 33.
|
|
44
|
-
<path d="M32
|
|
45
|
-
<path d="M19
|
|
41
|
+
<path d="M10.9186 8.79688L39.2028 37.0811L37.0815 39.2025L8.79724 10.9182L10.9186 8.79688Z" style={{ fill: `var(--${color})` }}/>
|
|
42
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M37.5262 33.2832C42.6838 29.687 46 25.1597 46 23.9993C46 21.9993 36.1503 9.99925 24 9.99925C21.1532 9.99925 18.4327 10.658 15.9355 11.6926L18.2597 14.0167C20.1002 13.378 22.0303 12.9993 24 12.9993C29.1105 12.9993 33.9546 15.549 37.6592 18.5732C39.4856 20.0641 40.9432 21.5975 41.919 22.8301C42.2832 23.2901 42.5616 23.6848 42.7608 23.9993C42.5616 24.3137 42.2832 24.7084 41.919 25.1684C40.9432 26.401 39.4856 27.9344 37.6592 29.4253C36.9367 30.0151 36.1709 30.5868 35.3681 31.1252L37.5262 33.2832ZM43.0785 23.4294L43.0819 23.4209C43.0857 23.4109 43.0863 23.4082 43.0846 23.4123L43.0828 23.417L43.0785 23.4294ZM43.0785 24.569L43.0819 24.5776C43.0845 24.5844 43.0855 24.588 43.0855 24.588C43.0855 24.588 43.0846 24.5863 43.0832 24.5825L43.0785 24.569Z" style={{ fill: `var(--${color})` }}/>
|
|
43
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M29.7397 33.982L32.0639 36.3062C29.5669 37.3406 26.8466 37.9993 24 37.9993C11.8497 37.9993 2 25.9993 2 23.9993C2 22.8388 5.31598 18.3118 10.4733 14.7156L12.6314 16.8737C11.8288 17.4119 11.0632 17.9835 10.3408 18.5732C8.51443 20.0641 7.05684 21.5975 6.08102 22.8301C5.71684 23.2901 5.43835 23.6848 5.23917 23.9993C5.43835 24.3137 5.71684 24.7084 6.08102 25.1684C7.05684 26.401 8.51443 27.9344 10.3408 29.4253C14.0454 32.4495 18.8895 34.9993 24 34.9993C25.9695 34.9993 27.8993 34.6206 29.7397 33.982ZM4.91812 23.4209C4.91179 23.4042 4.91434 23.4078 4.92157 23.4295L4.91812 23.4209ZM4.91812 24.5776L4.92157 24.569C4.91434 24.5907 4.91179 24.5943 4.91812 24.5776Z" style={{ fill: `var(--${color})` }}/>
|
|
44
|
+
<path d="M32 23.9993C32 25.1079 31.7745 26.1639 31.3668 27.1238L28.9503 24.7073C28.983 24.476 29 24.2396 29 23.9993C29 21.2378 26.7614 18.9993 24 18.9993C23.7597 18.9993 23.5233 19.0162 23.292 19.049L20.8754 16.6324C21.8354 16.2248 22.8913 15.9993 24 15.9993C28.4183 15.9993 32 19.581 32 23.9993Z" style={{ fill: `var(--${color})` }}/>
|
|
45
|
+
<path d="M19 23.9993C19 23.7591 19.0169 23.523 19.0496 23.2919L16.6329 20.8752C16.2254 21.835 16 22.8908 16 23.9993C16 28.4175 19.5817 31.9993 24 31.9993C25.1084 31.9993 26.1642 31.7738 27.124 31.3663L24.7073 28.9496C24.4762 28.9823 24.2401 28.9993 24 28.9993C21.2386 28.9993 19 26.7607 19 23.9993Z" style={{ fill: `var(--${color})` }}/>
|
|
46
46
|
</svg>
|
|
47
47
|
;
|
|
48
48
|
};
|