@liner-fe/icon 0.0.53 → 0.0.55
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 +12 -0
- package/assets/add-clock/index.tsx +1 -1
- package/assets/add-to-folder/index.tsx +1 -1
- package/assets/ai/index.tsx +1 -1
- package/assets/airplane/index.tsx +1 -1
- package/assets/android/index.tsx +1 -1
- package/assets/apple/index.tsx +1 -1
- package/assets/arrow-back/index.tsx +1 -1
- package/assets/arrow-backward/index.tsx +1 -1
- package/assets/arrow-down/index.tsx +1 -1
- package/assets/arrow-down-left/index.tsx +1 -1
- package/assets/arrow-downward/index.tsx +1 -1
- package/assets/arrow-drop-right/index.tsx +1 -1
- package/assets/arrow-forward/index.tsx +1 -1
- package/assets/arrow-left/index.tsx +1 -1
- package/assets/arrow-right/index.tsx +1 -1
- package/assets/arrow-turn/index.tsx +1 -1
- package/assets/arrow-up/index.tsx +1 -1
- package/assets/arrow-up-down/index.tsx +1 -1
- package/assets/arrow-up-left/index.tsx +1 -1
- package/assets/arrow-up-right/index.tsx +1 -1
- package/assets/arrow-upward/index.tsx +1 -1
- package/assets/bag/index.tsx +38 -0
- package/assets/balance/index.tsx +1 -1
- package/assets/bell/index.tsx +1 -1
- package/assets/block/index.tsx +1 -1
- package/assets/bolt/index.tsx +1 -1
- package/assets/book/index.tsx +1 -1
- package/assets/bookmark/index.tsx +1 -1
- package/assets/bookmark-cancel/index.tsx +1 -1
- package/assets/books/index.tsx +1 -1
- package/assets/brain/index.tsx +1 -1
- package/assets/bulb/index.tsx +1 -1
- package/assets/bulb-exclamtionmark/index.tsx +1 -1
- package/assets/camera/index.tsx +1 -1
- package/assets/car/index.tsx +1 -1
- package/assets/casual-shoe/index.tsx +1 -1
- package/assets/chart-bar/index.tsx +1 -1
- package/assets/chart-line-uptrend/index.tsx +1 -1
- package/assets/check-mark/index.tsx +1 -1
- package/assets/check-mark-fill/index.tsx +5 -5
- package/assets/check-mark-in-circle/index.tsx +1 -1
- package/assets/chrome/index.tsx +1 -1
- package/assets/clock/index.tsx +1 -1
- package/assets/close/index.tsx +1 -1
- package/assets/close-fill/index.tsx +5 -5
- package/assets/collection-add/index.tsx +42 -0
- package/assets/collections/index.tsx +38 -0
- package/assets/color-docx/index.tsx +17 -17
- package/assets/color-excel/index.tsx +70 -0
- package/assets/color-facebook/index.tsx +1 -1
- package/assets/color-fire/index.tsx +1 -1
- package/assets/color-google/index.tsx +1 -1
- package/assets/color-html/index.tsx +78 -0
- package/assets/color-liner/index.tsx +1 -1
- package/assets/color-liner-variation/index.tsx +5 -5
- package/assets/color-link/index.tsx +74 -0
- package/assets/color-pdf/index.tsx +13 -13
- package/assets/color-powerpoint/index.tsx +70 -0
- package/assets/color-txt/index.tsx +13 -13
- package/assets/copy/index.tsx +1 -1
- package/assets/credit/index.tsx +1 -1
- package/assets/credit-add/index.tsx +46 -0
- package/assets/creditcard/index.tsx +1 -1
- package/assets/dark-mode/index.tsx +1 -1
- package/assets/description/index.tsx +1 -1
- package/assets/desktop/index.tsx +1 -1
- package/assets/desktop-on-cursor/index.tsx +1 -1
- package/assets/document/index.tsx +1 -1
- package/assets/document-add/index.tsx +1 -1
- package/assets/document-check/index.tsx +1 -1
- package/assets/document-warning/index.tsx +1 -1
- package/assets/double-arrow-backward/index.tsx +1 -1
- package/assets/double-arrow-forward/index.tsx +1 -1
- package/assets/download/index.tsx +1 -1
- package/assets/drop-down/index.tsx +1 -1
- package/assets/drop-up/index.tsx +1 -1
- package/assets/email/index.tsx +1 -1
- package/assets/end/index.tsx +1 -1
- package/assets/essay/index.tsx +1 -1
- package/assets/exclamationmark/index.tsx +1 -1
- package/assets/exclamationmark-fill/index.tsx +9 -9
- package/assets/expand/index.tsx +1 -1
- package/assets/expand-close/index.tsx +1 -1
- package/assets/extend/index.tsx +1 -1
- package/assets/facebook/index.tsx +1 -1
- package/assets/feedback/index.tsx +1 -1
- package/assets/filter/index.tsx +1 -1
- package/assets/fire/index.tsx +1 -1
- package/assets/flowchart/index.tsx +1 -1
- package/assets/focus/index.tsx +1 -1
- package/assets/folder/index.tsx +1 -1
- package/assets/folder-add/index.tsx +1 -1
- package/assets/folder-open/index.tsx +1 -1
- package/assets/folder-open-share/index.tsx +1 -1
- package/assets/folder-share/index.tsx +1 -1
- package/assets/formal-bag/index.tsx +1 -1
- package/assets/globe/index.tsx +1 -1
- package/assets/google/index.tsx +1 -1
- package/assets/google-export/index.tsx +1 -1
- package/assets/graduationcap/index.tsx +1 -1
- package/assets/help/index.tsx +1 -1
- package/assets/hide-all/index.tsx +1 -1
- package/assets/highlight-edit/index.tsx +1 -1
- package/assets/highlighter/index.tsx +1 -1
- package/assets/history/index.tsx +1 -1
- package/assets/home/index.tsx +1 -1
- package/assets/hourglass/index.tsx +38 -0
- package/assets/info/index.tsx +1 -1
- package/assets/light/index.tsx +1 -1
- package/assets/light-mode/index.tsx +1 -1
- package/assets/liner/index.tsx +1 -1
- package/assets/link/index.tsx +1 -1
- package/assets/list/index.tsx +1 -1
- package/assets/literature-review/index.tsx +1 -1
- package/assets/location/index.tsx +41 -0
- package/assets/lock/index.tsx +1 -1
- package/assets/m-new-tab/index.tsx +42 -0
- package/assets/magic-pencil/index.tsx +1 -1
- package/assets/magic-wand/index.tsx +1 -1
- package/assets/make-easy/index.tsx +1 -1
- package/assets/members/index.tsx +1 -1
- package/assets/memo/index.tsx +1 -1
- package/assets/menu/index.tsx +1 -1
- package/assets/microscope/index.tsx +1 -1
- package/assets/mindmap/index.tsx +1 -1
- package/assets/minus/index.tsx +1 -1
- package/assets/mobile/index.tsx +1 -1
- package/assets/more/index.tsx +1 -1
- package/assets/more-horizontal/index.tsx +1 -1
- package/assets/more-vertical/index.tsx +1 -1
- package/assets/move/index.tsx +1 -1
- package/assets/move-to-folder/index.tsx +1 -1
- package/assets/new-chrome-extension/index.tsx +1 -1
- package/assets/new-tab/index.tsx +1 -1
- package/assets/new-thread/index.tsx +1 -1
- package/assets/new-thread-folder/index.tsx +1 -1
- package/assets/palette/index.tsx +1 -1
- package/assets/paperclip/index.tsx +1 -1
- package/assets/paragraph/index.tsx +1 -1
- package/assets/paraphrase/index.tsx +1 -1
- package/assets/pencil/index.tsx +1 -1
- package/assets/person/index.tsx +1 -1
- package/assets/person-add/index.tsx +1 -1
- package/assets/person-fill/index.tsx +9 -9
- package/assets/photo/index.tsx +1 -1
- package/assets/play-button/index.tsx +1 -1
- package/assets/plus/index.tsx +1 -1
- package/assets/power/index.tsx +1 -1
- package/assets/question-box/index.tsx +1 -1
- package/assets/question-message/index.tsx +1 -1
- package/assets/quote/index.tsx +1 -1
- package/assets/redo/index.tsx +1 -1
- package/assets/regenerate/index.tsx +1 -1
- package/assets/remove-from-folder/index.tsx +1 -1
- package/assets/report/index.tsx +1 -1
- package/assets/restaurant/index.tsx +1 -1
- package/assets/retry/index.tsx +1 -1
- package/assets/rocket/index.tsx +1 -1
- package/assets/search/index.tsx +1 -1
- package/assets/secret-mode/index.tsx +1 -1
- package/assets/send/index.tsx +1 -1
- package/assets/setting/index.tsx +1 -1
- package/assets/share/index.tsx +1 -1
- package/assets/sheet-export/index.tsx +1 -1
- package/assets/shield/index.tsx +1 -1
- package/assets/shield-person/index.tsx +1 -1
- package/assets/shield-usage/index.tsx +1 -1
- package/assets/shorten/index.tsx +1 -1
- package/assets/show-all/index.tsx +1 -1
- package/assets/sign-out/index.tsx +1 -1
- package/assets/source/index.tsx +1 -1
- package/assets/speaker/index.tsx +1 -1
- package/assets/spinner/index.tsx +1 -1
- package/assets/stack/index.tsx +1 -1
- package/assets/star/index.tsx +1 -1
- package/assets/start/index.tsx +1 -1
- package/assets/step/index.tsx +1 -1
- package/assets/stop/index.tsx +1 -1
- package/assets/summarize/index.tsx +1 -1
- package/assets/survey/index.tsx +58 -0
- package/assets/target/index.tsx +1 -1
- package/assets/teams/index.tsx +1 -1
- package/assets/text-select/index.tsx +1 -1
- package/assets/thumb-down/index.tsx +1 -1
- package/assets/thumb-up/index.tsx +1 -1
- package/assets/timer/index.tsx +1 -1
- package/assets/translate/index.tsx +1 -1
- package/assets/trash/index.tsx +1 -1
- package/assets/tune/index.tsx +1 -1
- package/assets/twitter/index.tsx +1 -1
- package/assets/undo/index.tsx +1 -1
- package/assets/verification-badge/index.tsx +1 -1
- package/assets/view-list/index.tsx +1 -1
- package/assets/visibility/index.tsx +1 -1
- package/assets/visibility-off/index.tsx +1 -1
- package/assets/volume/index.tsx +1 -1
- package/assets/volume-up/index.tsx +1 -1
- package/assets/zoom-in/index.tsx +1 -1
- package/assets/zoom-out/index.tsx +1 -1
- package/index.tsx +26 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.js +658 -269
- package/package.json +1 -1
|
@@ -12,34 +12,34 @@ interface ExclamationmarkFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const ExclamationmarkFill = forwardRef<SVGSVGElement, ExclamationmarkFillProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<circle cx="24" cy="24" r="20" style={{ fill: `var(--${type})` }}/>
|
|
19
|
-
<path d="M22 14L22 26H26L26 14H22Z" style={{ fill:
|
|
20
|
-
<path d="M22.3312 30.6855C22.7852 30.2302 23.3591 30 23.9999 30C24.6406 30 25.2145 30.2302 25.6686 30.6855C26.1225 31.1406 26.3513 31.715 26.3513 32.3555C26.3513 32.996 26.1225 33.5704 25.6686 34.0255C25.2145 34.4808 24.6406 34.711 23.9999 34.711C23.3591 34.711 22.7852 34.4808 22.3312 34.0255C21.8772 33.5704 21.6484 32.996 21.6484 32.3555C21.6484 31.715 21.8772 31.1406 22.3312 30.6855Z" style={{ fill:
|
|
19
|
+
<path d="M22 14L22 26H26L26 14H22Z" style={{ fill: `var(--${fillType})` }}/>
|
|
20
|
+
<path d="M22.3312 30.6855C22.7852 30.2302 23.3591 30 23.9999 30C24.6406 30 25.2145 30.2302 25.6686 30.6855C26.1225 31.1406 26.3513 31.715 26.3513 32.3555C26.3513 32.996 26.1225 33.5704 25.6686 34.0255C25.2145 34.4808 24.6406 34.711 23.9999 34.711C23.3591 34.711 22.7852 34.4808 22.3312 34.0255C21.8772 33.5704 21.6484 32.996 21.6484 32.3555C21.6484 31.715 21.8772 31.1406 22.3312 30.6855Z" style={{ fill: `var(--${fillType})` }}/>
|
|
21
21
|
</svg>
|
|
22
22
|
;
|
|
23
23
|
} else if (fill) {
|
|
24
24
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
25
25
|
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--${type})` }}/>
|
|
26
|
-
<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill:
|
|
27
|
-
<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill:
|
|
26
|
+
<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--${fillType})` }}/>
|
|
27
|
+
<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill: `var(--${fillType})` }}/>
|
|
28
28
|
</svg>
|
|
29
29
|
;
|
|
30
30
|
} else if (thick) {
|
|
31
31
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
32
32
|
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--${type})` }}/>
|
|
33
|
-
<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill:
|
|
34
|
-
<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill:
|
|
33
|
+
<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--${fillType})` }}/>
|
|
34
|
+
<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill: `var(--${fillType})` }}/>
|
|
35
35
|
</svg>
|
|
36
36
|
;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
40
40
|
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--${type})` }}/>
|
|
41
|
-
<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill:
|
|
42
|
-
<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill:
|
|
41
|
+
<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--${fillType})` }}/>
|
|
42
|
+
<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill: `var(--${fillType})` }}/>
|
|
43
43
|
</svg>
|
|
44
44
|
;
|
|
45
45
|
}
|
package/assets/expand/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface ExpandProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Expand = forwardRef<SVGSVGElement, ExpandProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M24.9391 20.9395L37.3793 8.5H28V5.5H39.8C41.2912 5.5 42.5 6.70883 42.5 8.2V20H39.5V10.622L27.0603 23.0608L24.9391 20.9395Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface ExpandCloseProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const ExpandClose = forwardRef<SVGSVGElement, ExpandCloseProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM20.5 37H42V11H20.5V37ZM6 37H17.5V11H6V37Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/extend/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface ExtendProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Extend = forwardRef<SVGSVGElement, ExtendProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M8.62132 22.4991L16.0616 15.0588L13.9403 12.9375L4.98116 21.8967C3.82008 23.0577 3.82008 24.9402 4.98116 26.1013L13.9403 35.0604L16.0616 32.9391L8.62166 25.4991L39.3808 25.4991L31.9404 32.9395L34.0618 35.0608L43.0209 26.1016C44.182 24.9405 44.182 23.0581 43.0209 21.897L34.0618 12.9378L31.9404 15.0592L39.3804 22.4991L8.62132 22.4991Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface FacebookProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Facebook = forwardRef<SVGSVGElement, FacebookProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface FeedbackProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Feedback = forwardRef<SVGSVGElement, FeedbackProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM27.6068 7.59641L30.3848 10.3743L33.1627 7.59641C35.2548 5.50432 38.6467 5.50432 40.7388 7.59641C42.8309 9.68851 42.8309 13.0805 40.7388 15.1726L30.3973 25.5141L20.0307 15.1726L20.0294 15.1713C17.9386 13.0791 17.939 9.68808 20.0307 7.59641C22.1228 5.50432 25.5148 5.50432 27.6068 7.59641Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/filter/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface FilterProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Filter = forwardRef<SVGSVGElement, FilterProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M36 25.5H12V22.5H36V25.5Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/fire/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface FireProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Fire = forwardRef<SVGSVGElement, FireProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M19.5556 24.6C21.6921 22.6097 24 21 24 21C24 21 26.3079 22.6097 28.4444 24.6C28.5343 24.6837 28.6239 24.7667 28.713 24.8492C30.4491 26.4577 32 27.8945 32 31.2895C32 35.5479 28.4183 39 24 39C19.5817 39 16 35.5479 16 31.2895C16 27.8945 17.5509 26.4577 19.287 24.8493L19.2878 24.8485C19.3766 24.7662 19.4659 24.6835 19.5556 24.6ZM29 31.2895C29 33.7878 26.8666 36 24 36C21.1334 36 19 33.7878 19 31.2895C19 30.0472 19.2803 29.3796 19.6014 28.8864C19.9837 28.2992 20.4902 27.828 21.3928 26.9884L21.6004 26.7951C22.4174 26.0341 23.2734 25.3236 24 24.75C24.7266 25.3236 25.5826 26.0341 26.3996 26.7951L26.6072 26.9884C27.5098 27.828 28.0163 28.2992 28.3986 28.8864C28.7197 29.3796 29 30.0472 29 31.2895Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface FlowchartProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Flowchart = forwardRef<SVGSVGElement, FlowchartProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22.5V22.5H10.5L10.5 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H13.5L13.5 25.5L34.5 25.5L34.5 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H37.5L37.5 22.5H25.5V17H28C29.1046 17 30 16.1046 30 15V7ZM27 8L21 8V14H27V8ZM39 34H33V40H39V34ZM9 34H15V40H9L9 34Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/focus/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface FocusProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Focus = forwardRef<SVGSVGElement, FocusProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM29 24C29 26.7614 26.7614 29 24 29C21.2386 29 19 26.7614 19 24C19 21.2386 21.2386 19 24 19C26.7614 19 29 21.2386 29 24Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/folder/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface FolderProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Folder = forwardRef<SVGSVGElement, FolderProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M24 10.5L21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24ZM19.5 9.5H7.5V38H40.5V13.5H22.5L19.5 9.5Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface FolderAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const FolderAdd = forwardRef<SVGSVGElement, FolderAddProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M20 8.5L22.4004 11.7002L23 12.5H41.5V39H6.5V8.5H20ZM20 21.5H14.25V29.5H20V35.5H28V29.5H33.75V21.5H28V16H20V21.5Z" style={{ fill: `var(--${type})` }} stroke="#1E1E1F" stroke-width="4"/>
|
|
@@ -12,7 +12,7 @@ interface FolderOpenProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const FolderOpen = forwardRef<SVGSVGElement, FolderOpenProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M6.5 6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.8C42.7802 41 43.616 40.2896 43.7739 39.3223L47.5 16.5H10L7.5 31.8125V13.5H43.5V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5H6.5Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface FolderOpenShareProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const FolderOpenShare = forwardRef<SVGSVGElement, FolderOpenShareProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M36 31.5C37.6686 31.5 39.2179 32.0109 40.5 32.8848C40.5872 32.9442 40.6731 33.0056 40.7578 33.0684C40.7957 33.0964 40.8327 33.1256 40.8701 33.1543C40.929 33.1995 40.9874 33.2452 41.0449 33.292C41.0826 33.3226 41.1192 33.3544 41.1562 33.3857C41.2053 33.4271 41.2537 33.4692 41.3018 33.5117C41.3428 33.5481 41.3845 33.5839 41.4248 33.6211C41.4715 33.6642 41.5168 33.7087 41.5625 33.7529C41.7108 33.8965 41.8534 34.0456 41.9902 34.2002C42.0393 34.2557 42.0882 34.3113 42.1357 34.3682C42.1678 34.4065 42.1991 34.4455 42.2305 34.4844C42.2686 34.5317 42.3057 34.5797 42.3428 34.6279C42.3787 34.6747 42.4153 34.721 42.4502 34.7686C42.4927 34.8265 42.5342 34.8852 42.5752 34.9443C42.598 34.9772 42.6212 35.0098 42.6436 35.043C42.708 35.1389 42.7707 35.2361 42.8311 35.335C42.8494 35.365 42.8668 35.3955 42.8848 35.4258C42.9247 35.4932 42.9639 35.5612 43.002 35.6299C43.0295 35.6795 43.0556 35.73 43.082 35.7803C43.1083 35.8301 43.134 35.8802 43.1592 35.9307C43.186 35.9844 43.2126 36.0383 43.2383 36.0928C43.2701 36.1603 43.3011 36.2283 43.3311 36.2969C43.3467 36.3327 43.3628 36.3683 43.3779 36.4043C43.4206 36.5058 43.4615 36.6083 43.5 36.7119C43.8229 37.5801 44 38.5193 44 39.5V43C44 44.1046 43.1046 45 42 45H30C28.8954 45 28 44.1046 28 43V39.5C28 39.4592 28.0023 39.4186 28.0029 39.3779C28.0062 39.1632 28.0161 38.9505 28.0361 38.7402L28.041 38.6816C28.3214 35.9219 30.0055 33.5781 32.3672 32.3721C32.3734 32.3689 32.3805 32.3655 32.3867 32.3623C32.4893 32.3103 32.5932 32.2606 32.6982 32.2129C32.7197 32.2031 32.7411 32.1932 32.7627 32.1836C32.867 32.1374 32.9725 32.0936 33.0791 32.0518C33.0957 32.0452 33.1123 32.0386 33.1289 32.0322C33.3665 31.9408 33.6095 31.8608 33.8574 31.792C33.8744 31.7873 33.8912 31.7819 33.9082 31.7773C34.5751 31.5972 35.2762 31.5 36 31.5Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface FolderShareProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const FolderShare = forwardRef<SVGSVGElement, FolderShareProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M36 31.5C37.6686 31.5 39.2179 32.0109 40.5 32.8848C40.5872 32.9442 40.6731 33.0056 40.7578 33.0684C40.7957 33.0964 40.8327 33.1256 40.8701 33.1543C40.929 33.1995 40.9874 33.2452 41.0449 33.292C41.0826 33.3226 41.1192 33.3544 41.1562 33.3857C41.2053 33.4271 41.2537 33.4692 41.3018 33.5117C41.3428 33.5481 41.3845 33.5839 41.4248 33.6211C41.4715 33.6642 41.5168 33.7087 41.5625 33.7529C41.7108 33.8965 41.8534 34.0456 41.9902 34.2002C42.0393 34.2557 42.0882 34.3113 42.1357 34.3682C42.1678 34.4065 42.1991 34.4455 42.2305 34.4844C42.2686 34.5317 42.3057 34.5797 42.3428 34.6279C42.3787 34.6747 42.4153 34.721 42.4502 34.7686C42.4927 34.8265 42.5342 34.8852 42.5752 34.9443C42.598 34.9772 42.6212 35.0098 42.6436 35.043C42.708 35.1389 42.7707 35.2361 42.8311 35.335C42.8494 35.365 42.8668 35.3955 42.8848 35.4258C42.9247 35.4932 42.9639 35.5612 43.002 35.6299C43.0295 35.6795 43.0556 35.73 43.082 35.7803C43.1083 35.8301 43.134 35.8802 43.1592 35.9307C43.186 35.9844 43.2126 36.0383 43.2383 36.0928C43.2701 36.1603 43.3011 36.2283 43.3311 36.2969C43.3467 36.3327 43.3628 36.3683 43.3779 36.4043C43.4206 36.5058 43.4615 36.6083 43.5 36.7119C43.8229 37.5801 44 38.5193 44 39.5V43C44 44.1046 43.1046 45 42 45H30C28.8954 45 28 44.1046 28 43V39.5C28 39.4592 28.0023 39.4186 28.0029 39.3779C28.0062 39.1632 28.0161 38.9505 28.0361 38.7402L28.041 38.6816C28.4509 34.6478 31.858 31.5 36 31.5Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface FormalBagProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const FormalBag = forwardRef<SVGSVGElement, FormalBagProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M17 14V10C17 8.89543 17.8954 8 19 8H29C30.1046 8 31 8.89543 31 10V14H40C41.1046 14 42 14.8954 42 16V38C42 39.1046 41.1046 40 40 40H8C6.89543 40 6 39.1046 6 38V16C6 14.8954 6.89543 14 8 14H17ZM20 14V11H28V14H20ZM15.5 17V37H32.5V17H15.5ZM35.5 17V37H39V17H35.5ZM9 17H12.5V37H9V17Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/globe/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface GlobeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Globe = forwardRef<SVGSVGElement, GlobeProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM27.265 40.6868C32.5447 39.6597 36.9514 36.1892 39.2604 31.5H31.5562C30.6722 34.9176 29.198 38.0376 27.265 40.6868ZM20.735 40.6868C18.802 38.0376 17.3278 34.9176 16.4438 31.5H8.73961C11.0486 36.1892 15.4553 39.6597 20.735 40.6868ZM19.5544 31.5C20.4996 34.7458 22.0385 37.6406 24 39.9982C25.9615 37.6406 27.5004 34.7458 28.4456 31.5H19.5544ZM29.1295 28.5H18.8705C18.6278 27.0481 18.5 25.5435 18.5 24.0002C18.5 22.4568 18.6278 20.9521 18.8706 19.5H29.1294C29.3722 20.9521 29.5 22.4568 29.5 24.0002C29.5 25.5435 29.3722 27.0481 29.1295 28.5ZM32.1666 28.5H40.398C40.7905 27.0667 41 25.5578 41 24C41 22.4422 40.7905 20.9333 40.398 19.5H32.1665C32.3858 20.9625 32.5 22.4665 32.5 24.0002C32.5 25.5338 32.3859 27.0377 32.1666 28.5ZM31.5561 16.5H39.2604C36.9513 11.8107 32.5445 8.34011 27.2646 7.31315C29.1977 9.96236 30.672 13.0823 31.5561 16.5ZM28.4454 16.5C27.5002 13.2544 25.9614 10.3598 24 8.00226C22.0386 10.3598 20.4998 13.2544 19.5546 16.5H28.4454ZM16.4439 16.5C17.328 13.0823 18.8023 9.96236 20.7354 7.31315C15.4555 8.34011 11.0487 11.8107 8.73961 16.5H16.4439ZM15.8335 19.5C15.6142 20.9625 15.5 22.4665 15.5 24.0002C15.5 25.5338 15.6141 27.0377 15.8334 28.5H7.60197C7.20954 27.0667 7 25.5578 7 24C7 22.4422 7.20954 20.9333 7.60197 19.5H15.8335Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/google/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface GoogleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Google = forwardRef<SVGSVGElement, GoogleProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M31.2612 15.3984C29.292 13.5157 26.7874 12.557 23.9978 12.557C19.052 12.557 14.8653 15.8954 13.3688 20.3824V20.3906C12.9888 21.5307 12.7729 22.7484 12.7729 24.0007C12.7729 25.253 12.9888 26.4708 13.3688 27.6108L13.3671 27.6121C14.862 32.1018 19.0501 35.4428 23.9978 35.4428C26.5543 35.4428 28.7307 34.7691 30.4321 33.6291L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703C33.4268 41.2992 29.1266 42.9998 23.9978 42.9998C16.5704 42.9998 10.1448 38.7419 7.01831 32.5322V32.5284C5.7331 29.9646 5 27.0646 5 24.0007C5 20.9352 5.73386 18.0338 7.0203 15.4691L7.01831 15.4675C10.1448 9.25783 16.5704 5 23.9978 5C29.1193 5 33.4203 6.88277 36.7109 9.94876L31.2612 15.3984Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface GoogleExportProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const GoogleExport = forwardRef<SVGSVGElement, GoogleExportProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M19.07 5C18.1865 5 17.3686 5.46635 16.9186 6.2267L3.01018 29.7271C2.54575 30.5118 2.54541 31.4872 3.0093 32.2722L8.91816 42.2718C9.36795 43.033 10.1863 43.5 11.0705 43.5H30.6675C29.5874 42.6651 28.6536 41.6501 27.911 40.5H11.3558L5.74251 31.0006L19.3551 8H29.6446L37.9304 22.0002L37.9999 22C39.3187 22 40.5879 22.2128 41.7749 22.6058L32.0811 6.2267C31.6311 5.46635 30.8132 5 29.9297 5H19.07Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface GraduationcapProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Graduationcap = forwardRef<SVGSVGElement, GraduationcapProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M24.9135 6.4688C24.3402 6.17446 23.6601 6.17446 23.0867 6.4688L2.716 16.9263C1.26719 17.6701 1.26719 19.741 2.716 20.4848L9.99658 24.2224V34.4258C9.99658 35.7381 10.7307 36.9402 11.8981 37.5395L22.2731 42.8656C23.2765 43.3807 24.4666 43.3807 25.47 42.8656L35.845 37.5395C37.0125 36.9402 37.7466 35.7381 37.7466 34.4258V24.3543L41.0626 22.652V35.625H44.0626V21.1119L45.2842 20.4848C46.7331 19.741 46.7331 17.6701 45.2842 16.9263L24.9135 6.4688ZM24.0001 9.37212L5.81903 18.7056L24.0001 28.039L42.1812 18.7056L24.0001 9.37212ZM12.9966 34.4258V25.7625L23.0867 30.9423C23.6601 31.2367 24.3402 31.2367 24.9135 30.9423L34.7466 25.8944V34.4258C34.7466 34.6133 34.6417 34.785 34.4749 34.8706L24.0999 40.1968C23.9566 40.2703 23.7866 40.2703 23.6432 40.1968L13.2682 34.8706C13.1015 34.785 12.9966 34.6133 12.9966 34.4258Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/help/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface HelpProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Help = forwardRef<SVGSVGElement, HelpProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM17.892 18.0469C18.4056 16.7441 19.2399 15.7037 20.3878 14.9516C21.5349 14.2002 22.8486 13.834 24.3002 13.834C25.9821 13.834 27.419 14.312 28.5231 15.3389C29.6341 16.3722 30.1672 17.7399 30.1672 19.354C30.1672 20.2797 29.966 21.1469 29.5543 21.9408C29.1408 22.7382 28.469 23.5012 27.5931 24.2379L27.5874 24.2427C26.707 24.9696 26.3348 25.4978 26.2366 25.8235C26.0904 26.3084 26.0124 26.8602 26.0124 27.4856V28.319H21.9887V27.4856C21.9887 26.2786 22.1949 25.2197 22.6764 24.3707C23.1224 23.5842 23.7856 22.8257 24.6325 22.0898L24.6422 22.0814C25.2693 21.5531 25.7141 21.0699 26.0032 20.6351C26.2647 20.2418 26.3832 19.8467 26.3832 19.4341C26.3832 18.8884 26.1986 18.4852 25.8259 18.156C25.4497 17.8237 24.9279 17.6237 24.1803 17.6237C23.5331 17.6237 23.0132 17.7885 22.5837 18.0919C22.1464 18.4008 21.8013 18.843 21.5605 19.4577L21.26 20.2246L17.582 18.833L17.892 18.0469ZM22.5519 31.1416C23.0059 30.6863 23.5798 30.4561 24.2206 30.4561C24.8613 30.4561 25.4352 30.6863 25.8893 31.1416C26.3432 31.5967 26.572 32.1711 26.572 32.8116C26.572 33.452 26.3432 34.0264 25.8893 34.4816C25.4352 34.9368 24.8613 35.1671 24.2206 35.1671C23.5798 35.1671 23.0059 34.9368 22.5519 34.4816C22.0979 34.0264 21.8691 33.452 21.8691 32.8116C21.8691 32.1711 22.0979 31.5967 22.5519 31.1416Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface HideAllProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const HideAll = forwardRef<SVGSVGElement, HideAllProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M6 17L15 17C16.1046 17 17 16.1046 17 15L17 6L14 6L14 14L6 14V17Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface HighlightEditProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const HighlightEdit = forwardRef<SVGSVGElement, HighlightEditProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M42.1894 2.56693C40.9801 1.35761 39.0193 1.35794 37.8103 2.56767L20.9541 19.4232C20.6098 19.7674 20.3515 20.1881 20.2003 20.6509L18.5944 25.5653C17.8147 27.9514 20.0496 30.2246 22.4486 29.4856L27.4483 27.9455C27.9304 27.7969 28.369 27.5328 28.7257 27.1761L45.5741 10.3285C46.7824 9.11931 46.7821 7.15965 45.5734 5.95091L42.1894 2.56693ZM23.0752 21.5447L35.6202 9.00243L39.1397 12.5222L26.6046 25.0546C26.5936 25.0656 26.58 25.0738 26.5651 25.0784L21.5654 26.6186C21.5466 26.6244 21.5351 26.6252 21.5298 26.6252C21.5266 26.6253 21.5237 26.6251 21.5209 26.6247C21.5188 26.6243 21.5167 26.6239 21.5147 26.6233C21.504 26.6204 21.4864 26.6121 21.4688 26.5942C21.4512 26.5762 21.4431 26.5585 21.4404 26.5478C21.4398 26.5453 21.4393 26.5429 21.439 26.5404C21.4388 26.5379 21.4387 26.5354 21.4387 26.5326C21.4389 26.5273 21.4399 26.5159 21.446 26.4971L23.0519 21.5828C23.0566 21.5684 23.0646 21.5554 23.0752 21.5447ZM43.4521 8.20786L41.2608 10.4007L37.7413 6.88087L39.9324 4.68827C39.9698 4.65079 40.0306 4.65078 40.0681 4.68825L43.452 8.07223C43.4895 8.10968 43.4895 8.1704 43.4521 8.20786Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface HighlighterProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Highlighter = forwardRef<SVGSVGElement, HighlighterProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M31.7208 7.43684C33.1324 6.02408 35.4221 6.02359 36.8343 7.43577L42.2001 12.8016C43.6115 14.213 43.612 16.501 42.2012 17.913L22.3681 37.745C21.8693 38.2436 21.2355 38.5855 20.5449 38.7284L16.9033 39.4821C16.2209 39.6234 15.524 39.5625 14.8913 39.3232L13.5268 40.6469C13.1319 41.0299 12.6033 41.2441 12.0531 41.2438L6.55128 41.241C5.6094 41.2405 5.13803 40.1017 5.80404 39.4357L10.3381 34.9017C10.0122 34.1905 9.92077 33.3814 10.0989 32.5959L10.9059 29.038C11.0568 28.3725 11.3929 27.7634 11.8755 27.281L31.7208 7.43684ZM29.0541 14.349L16.438 26.9618L22.6736 33.1974L35.2895 20.5849L29.0541 14.349ZM13.9965 29.4026L14.3164 29.0828L20.552 35.3184L20.247 35.6234C20.1622 35.7082 20.0543 35.7664 19.9368 35.7907L16.2953 36.5444C16.0925 36.5863 15.8822 36.5234 15.7357 36.377L13.1895 33.8304C13.0401 33.681 12.9779 33.4655 13.0246 33.2595L13.8316 29.7015C13.8572 29.5883 13.9144 29.4847 13.9965 29.4026ZM37.4106 18.4632L40.079 15.7925C40.319 15.5523 40.3189 15.1631 40.0788 14.923L34.7129 9.55709C34.4727 9.31684 34.0832 9.31692 33.843 9.55727L31.1751 12.2274L37.4106 18.4632Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/history/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface HistoryProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const History = forwardRef<SVGSVGElement, HistoryProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M34.253 13.747C28.5904 8.08435 19.4096 8.08435 13.747 13.747C12.899 14.595 12.1789 15.5204 11.5859 16.5H19V19.5H10C8.067 19.5 6.5 17.933 6.5 16V7.00003H9.5L9.5 14.1967C10.1147 13.2896 10.8234 12.4279 11.6256 11.6256C18.4598 4.79146 29.5402 4.79146 36.3744 11.6256C43.2085 18.4598 43.2085 29.5402 36.3744 36.3744C29.5402 43.2085 18.4598 43.2085 11.6256 36.3744C9.91304 34.6618 8.62764 32.6793 7.77253 30.5623C7.34186 29.496 7.02061 28.3964 6.80863 27.2805L9.75592 26.7206C9.93164 27.6456 10.1978 28.5563 10.5542 29.4387C11.2612 31.189 12.3244 32.8305 13.747 34.253C19.4096 39.9157 28.5904 39.9157 34.253 34.253C39.9156 28.5904 39.9157 19.4096 34.253 13.747Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/home/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface HomeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Home = forwardRef<SVGSVGElement, HomeProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M24.0001 3.80664L1.30518 15.6699L2.69494 18.3286L5.00006 17.1236V40.9989C5.00006 42.1034 5.89549 42.9989 7.00006 42.9989H20.0001V31.9989H28.0001V42.9989H41.0001C42.1046 42.9989 43.0001 42.1034 43.0001 40.9989V17.1236L45.3052 18.3286L46.6949 15.6699L24.0001 3.80664ZM8.00006 15.8101L24.0001 7.38903L40.0001 15.8101V39.9989L31.0001 39.9989V28.9989H17.0001V39.9989L8.00006 39.9989V15.8101Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { BasicColorType } from '@liner-fe/design-token-primitive';
|
|
3
|
+
import { SVGProps } from 'react';
|
|
4
|
+
|
|
5
|
+
interface HourglassProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
6
|
+
fill?: boolean;
|
|
7
|
+
thick?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
size?: number
|
|
10
|
+
type?: BasicColorType;
|
|
11
|
+
fillType?: BasicColorType;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const Hourglass = forwardRef<SVGSVGElement, HourglassProps>(
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
|
+
if (fill && thick) {
|
|
17
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 9H36.9287C36.6271 13.1982 35.377 16.8843 33.4131 19.6729C32.4148 21.0903 31.2171 22.2874 29.8652 23.1865C31.2864 24.3174 32.5081 25.8045 33.4941 27.4521C35.3962 30.6306 36.6319 34.7051 36.9287 39H42V43H6V39H11.0713C11.3681 34.7051 12.6038 30.6306 14.5059 27.4521C15.4917 25.8048 16.7129 24.3173 18.1338 23.1865C16.7822 22.2874 15.5851 21.09 14.5869 19.6729C12.623 16.8843 11.3729 13.1982 11.0713 9H6V5H42V9ZM15.0859 9C15.3778 12.4597 16.4158 15.3222 17.8574 17.3691C19.5618 19.789 21.7528 21 24 21C26.2472 21 28.4382 19.789 30.1426 17.3691C31.5842 15.3222 32.6222 12.4597 32.9141 9H15.0859Z" style={{ fill: `var(--${type})` }}/>
|
|
19
|
+
</svg>
|
|
20
|
+
;
|
|
21
|
+
} else if (fill) {
|
|
22
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
23
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 8.5H36.459C36.2244 12.8162 34.9796 16.5809 33.0049 19.3848C31.8884 20.9701 30.5239 22.2599 28.9785 23.1484C30.5837 24.2656 31.9648 25.8697 33.0654 27.709C34.9915 30.9276 36.2253 35.1053 36.457 39.5H42V42.5H6V39.5H11.543C11.7747 35.1053 13.0085 30.9276 14.9346 27.709C16.0351 25.87 17.4156 24.2656 19.0205 23.1484C17.4754 22.2599 16.1115 20.9698 14.9951 19.3848C13.0204 16.5809 11.7756 12.8162 11.541 8.5H6V5.5H42V8.5ZM24 24.5C21.7206 24.5 19.3728 26.1344 17.5088 29.249C15.8794 31.9717 14.7752 35.6065 14.5459 39.5H33.4541C33.2248 35.6065 32.1206 31.9717 30.4912 29.249C28.6272 26.1344 26.2794 24.5 24 24.5ZM14.5469 8.5C14.7776 12.2755 15.8718 15.4189 17.4482 17.6572C19.2241 20.1787 21.5552 21.5 24 21.5C26.4448 21.5 28.7759 20.1787 30.5518 17.6572C32.1282 15.4189 33.2224 12.2755 33.4531 8.5H14.5469Z" style={{ fill: `var(--${type})` }}/>
|
|
24
|
+
</svg>
|
|
25
|
+
;
|
|
26
|
+
} else if (thick) {
|
|
27
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
28
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 9H36.9287C36.6271 13.1982 35.377 16.8843 33.4131 19.6729C32.4148 21.0903 31.2171 22.2874 29.8652 23.1865C31.2864 24.3174 32.5081 25.8045 33.4941 27.4521C35.3962 30.6306 36.6319 34.7051 36.9287 39H42V43H6V39H11.0713C11.3681 34.7051 12.6038 30.6306 14.5059 27.4521C15.4917 25.8048 16.7129 24.3173 18.1338 23.1865C16.7822 22.2874 15.5851 21.09 14.5869 19.6729C12.623 16.8843 11.3729 13.1982 11.0713 9H6V5H42V9ZM24 25C21.9734 25 19.7602 26.4619 17.9385 29.5059C16.4277 32.0304 15.3729 35.3811 15.083 39H32.917C32.6271 35.3811 31.5723 32.0304 30.0615 29.5059C28.2398 26.4619 26.0266 25 24 25ZM15.0859 9C15.3778 12.4597 16.4158 15.3222 17.8574 17.3691C19.5618 19.789 21.7528 21 24 21C26.2472 21 28.4382 19.789 30.1426 17.3691C31.5842 15.3222 32.6222 12.4597 32.9141 9H15.0859Z" style={{ fill: `var(--${type})` }}/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
34
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 8.5H36.459C36.2244 12.8162 34.9796 16.5809 33.0049 19.3848C31.8884 20.9701 30.5239 22.2599 28.9785 23.1484C30.5837 24.2656 31.9648 25.8697 33.0654 27.709C34.9915 30.9276 36.2253 35.1053 36.457 39.5H42V42.5H6V39.5H11.543C11.7747 35.1053 13.0085 30.9276 14.9346 27.709C16.0351 25.87 17.4156 24.2656 19.0205 23.1484C17.4754 22.2599 16.1115 20.9698 14.9951 19.3848C13.0204 16.5809 11.7756 12.8162 11.541 8.5H6V5.5H42V8.5ZM24 24.5C21.7206 24.5 19.3728 26.1344 17.5088 29.249C15.8794 31.9717 14.7752 35.6065 14.5459 39.5H33.4541C33.2248 35.6065 32.1206 31.9717 30.4912 29.249C28.6272 26.1344 26.2794 24.5 24 24.5ZM14.5469 8.5C14.7776 12.2755 15.8718 15.4189 17.4482 17.6572C19.2241 20.1787 21.5552 21.5 24 21.5C26.4448 21.5 28.7759 20.1787 30.5518 17.6572C32.1282 15.4189 33.2224 12.2755 33.4531 8.5H14.5469Z" style={{ fill: `var(--${type})` }}/>
|
|
35
|
+
</svg>
|
|
36
|
+
;
|
|
37
|
+
}
|
|
38
|
+
);
|
package/assets/info/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface InfoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Info = forwardRef<SVGSVGElement, InfoProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M24.0001 12.9999C23.4551 12.9999 22.967 13.1954 22.5808 13.5819C22.1947 13.9684 22.0001 14.4561 22.0001 14.9999C22.0001 15.5437 22.1947 16.0314 22.5808 16.4179C22.967 16.8044 23.4551 16.9999 24.0001 16.9999C24.5451 16.9999 25.0332 16.8044 25.4194 16.4179C25.8055 16.0314 26.0001 15.5437 26.0001 14.9999C26.0001 14.4561 25.8055 13.9684 25.4194 13.5819C25.0332 13.1954 24.5451 12.9999 24.0001 12.9999Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/light/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface LightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Light = forwardRef<SVGSVGElement, LightProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M24.9621 11.0802C23.9613 8.3066 20.0387 8.3066 19.0379 11.0802L15.8671 19.8671L7.0802 23.0379C4.3066 24.0387 4.3066 27.9613 7.0802 28.9621L15.8671 32.1329L19.0379 40.9198C20.0387 43.6934 23.9613 43.6934 24.9621 40.9198L28.1329 32.1329L36.9198 28.9621C39.6934 27.9613 39.6934 24.0387 36.9198 23.0379L28.1329 19.8671L24.9621 11.0802Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface LightModeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const LightMode = forwardRef<SVGSVGElement, LightModeProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M25.5 2V11H22.5V2H25.5Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/liner/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface LinerProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Liner = forwardRef<SVGSVGElement, LinerProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M26.9523 6.58093C27.6483 5.88485 28.5774 5.5 29.5616 5.5H38.8094C40.8435 5.5 42.4996 7.15609 42.4996 9.19026V18.4436C42.4996 19.4155 42.1101 20.3615 41.4187 21.0529L35.0383 27.4332V37.5254C35.0383 38.5096 34.6535 39.4386 33.9574 40.1347L29.8327 44.2594L29.829 44.2632C29.1265 44.9728 28.1958 45.3528 27.233 45.3528C26.7527 45.3528 26.2712 45.2582 25.8102 45.0684L25.8004 45.0644C24.4191 44.4842 23.5317 43.1682 23.5317 41.657V36.0884H15.8337C13.6723 36.0884 11.9167 34.3328 11.9167 32.1714V24.4734H6.34813C4.84776 24.4734 3.51381 23.6004 2.93621 22.1936C2.36349 20.8044 2.6749 19.2433 3.7388 18.1794L7.87043 14.0477C8.56651 13.3517 9.49559 12.9668 10.4798 12.9668H20.5664L26.9523 6.58093ZM29.5616 8.5C29.3732 8.5 29.2071 8.56869 29.0736 8.70225L22.5858 15.1901C22.0925 15.6833 21.4249 15.9668 20.712 15.9668H10.4798C10.2914 15.9668 10.1253 16.0355 9.99175 16.1691L5.86012 20.3007C5.65272 20.5081 5.59874 20.7816 5.71004 21.0509L5.71138 21.0541C5.81961 21.3177 6.0454 21.4734 6.34813 21.4734H12.2663C13.7205 21.4734 14.9167 22.6547 14.9167 24.1239V32.1714C14.9167 32.676 15.3292 33.0884 15.8337 33.0884H23.8813C25.3355 33.0884 26.5317 34.2697 26.5317 35.7389V41.657C26.5317 41.9473 26.6824 42.1789 26.9573 42.2963C27.0585 42.3373 27.1506 42.3528 27.233 42.3528C27.3969 42.3528 27.5597 42.2917 27.6976 42.152L27.7044 42.145L31.8361 38.0134C31.9697 37.8798 32.0383 37.7138 32.0383 37.5254V27.2046C32.0383 26.5753 32.2783 25.9506 32.7487 25.4802L39.2974 18.9316C39.4246 18.8044 39.4996 18.6221 39.4996 18.4436V9.19026C39.4996 8.81293 39.1867 8.5 38.8094 8.5H29.5616Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/link/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface LinkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Link = forwardRef<SVGSVGElement, LinkProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M39.6433 8.79387L39.642 8.79251L39.5881 8.739C39.5559 8.70588 39.5234 8.67293 39.4906 8.64016L39.4892 8.6388L39.487 8.64099C35.753 5.06987 29.8307 5.12037 26.1586 8.7925L20.8505 14.1006C22.2542 13.8355 23.6976 13.8325 25.1023 14.0915L28.2799 10.9138C30.8114 8.38233 34.9032 8.36222 37.4595 10.8535C39.9207 13.4117 39.8906 17.4809 37.3693 20.0022L29.9026 27.4687C29.4816 27.8897 29.0175 28.2413 28.5244 28.5233C26.0526 29.9373 22.8541 29.6061 20.723 27.5293C19.5373 26.2967 18.9298 24.7135 18.9005 23.1216L16.2955 25.7267C16.7132 27.1318 17.4616 28.4596 18.5404 29.5876L18.5392 29.5889L18.5406 29.5902L18.5945 29.6438C18.6267 29.6769 18.6592 29.7098 18.6919 29.7426L18.6933 29.7439L18.6955 29.7417C22.4295 33.3129 28.3518 33.2623 32.024 29.5902L39.4906 22.1236C43.1627 18.4514 43.2132 12.5291 39.6421 8.79509L39.6433 8.79387Z" style={{ fill: `var(--${type})` }}/>
|
package/assets/list/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface ListProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const List = forwardRef<SVGSVGElement, ListProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M8 8C6.89543 8 6 8.89543 6 10V12C6 13.1046 6.89543 14 8 14H10C11.1046 14 12 13.1046 12 12V10C12 8.89543 11.1046 8 10 8H8Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface LiteratureReviewProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const LiteratureReview = forwardRef<SVGSVGElement, LiteratureReviewProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path fillRule="evenodd" clipRule="evenodd" d="M34.834 29.0088C38.2686 29.1826 41 32.0222 41 35.5L40.9912 35.835C40.9341 36.9597 40.5889 38.0075 40.0312 38.9102L45.0605 43.9395L42.9395 46.0605L37.9102 41.0312C36.9185 41.644 35.7513 42 34.5 42L34.165 41.9912C30.8418 41.8225 28.1775 39.1582 28.0088 35.835L28 35.5C28 31.9101 30.9101 29 34.5 29L34.834 29.0088ZM34.5 32C32.567 32 31 33.567 31 35.5C31 37.433 32.567 39 34.5 39C36.433 39 38 37.433 38 35.5C38 33.567 36.433 32 34.5 32Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { BasicColorType } from '@liner-fe/design-token-primitive';
|
|
3
|
+
import { SVGProps } from 'react';
|
|
4
|
+
|
|
5
|
+
interface LocationProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
6
|
+
fill?: boolean;
|
|
7
|
+
thick?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
size?: number
|
|
10
|
+
type?: BasicColorType;
|
|
11
|
+
fillType?: BasicColorType;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const Location = forwardRef<SVGSVGElement, LocationProps>(
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
|
+
if (fill && thick) {
|
|
17
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M24.0229 4C32.7856 4.00003 40.4986 11.0113 40.0229 21C39.5233 31.4915 24.0479 43.9799 24.0229 44C24.0229 44 8.55957 31.7426 8.02293 21C7.52338 11 15.2602 4 24.0229 4ZM23.8335 15C21.1642 15 18.9997 17.1638 18.9995 19.833C18.9995 22.5024 21.1641 24.667 23.8335 24.667C26.5028 24.6669 28.6665 22.5023 28.6665 19.833C28.6663 17.1638 26.5027 15.0001 23.8335 15Z" style={{ fill: `var(--${type})` }}/>
|
|
19
|
+
</svg>
|
|
20
|
+
;
|
|
21
|
+
} else if (fill) {
|
|
22
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
23
|
+
<path d="M23.8335 15C26.5027 15.0001 28.6663 17.1638 28.6665 19.833C28.6665 22.5023 26.5028 24.6669 23.8335 24.667C21.1641 24.667 18.9995 22.5024 18.9995 19.833C18.9997 17.1638 21.1642 15 23.8335 15Z" style={{ fill: `var(--${type})` }}/>
|
|
24
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M24.0219 4C32.7846 4 40.4976 11.0113 40.0219 21C39.5219 31.5 24.0219 44 24.0219 44C23.9166 43.9164 8.55675 31.7058 8.02195 21C7.52244 11.0004 15.2596 4.00047 24.0219 4ZM24.0219 7C16.8614 7.00047 10.6107 12.6761 11.019 20.8506C11.1205 22.8816 11.9497 25.1898 13.351 27.6338C14.7381 30.0527 16.5791 32.4209 18.4624 34.5312C20.338 36.633 22.2064 38.4237 23.6089 39.6904C23.746 39.8143 23.8809 39.9307 24.0083 40.0439C24.1416 39.9239 24.2832 39.8006 24.4272 39.6689C25.8348 38.3818 27.7103 36.5661 29.5913 34.4463C31.4799 32.3178 33.3242 29.9388 34.7114 27.5273C36.1154 25.0865 36.9326 22.8152 37.0259 20.8574C37.4153 12.6804 31.1743 7 24.0219 7Z" style={{ fill: `var(--${type})` }}/>
|
|
25
|
+
</svg>
|
|
26
|
+
;
|
|
27
|
+
} else if (thick) {
|
|
28
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
29
|
+
<path d="M23.8335 15C26.5027 15.0001 28.6663 17.1638 28.6665 19.833C28.6665 22.5023 26.5028 24.6669 23.8335 24.667C21.1641 24.667 18.9995 22.5024 18.9995 19.833C18.9997 17.1638 21.1642 15 23.8335 15Z" style={{ fill: `var(--${type})` }}/>
|
|
30
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M24.0219 4C32.7846 4 40.4976 11.0113 40.0219 21C39.5219 31.5 24.0219 44 24.0219 44C23.9166 43.9164 8.55675 31.7058 8.02195 21C7.52244 11.0004 15.2596 4.00047 24.0219 4ZM24.0219 8C17.3953 8.00047 11.6391 13.2347 12.0171 20.8008C12.1077 22.6136 12.8591 24.7637 14.2192 27.1357C15.5602 29.4744 17.3529 31.7859 19.2085 33.8652C20.934 35.7988 22.6566 37.4668 24.0044 38.6973C25.3613 37.4446 27.1017 35.7449 28.8432 33.7822C30.7051 31.6839 32.5025 29.3617 33.8442 27.0293C35.2086 24.6573 35.9442 22.5451 36.0268 20.8096C36.3874 13.2365 30.6375 8 24.0219 8Z" style={{ fill: `var(--${type})` }}/>
|
|
31
|
+
</svg>
|
|
32
|
+
;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
36
|
+
<path d="M23.8335 15C26.5027 15.0001 28.6663 17.1638 28.6665 19.833C28.6665 22.5023 26.5028 24.6669 23.8335 24.667C21.1641 24.667 18.9995 22.5024 18.9995 19.833C18.9997 17.1638 21.1642 15 23.8335 15Z" style={{ fill: `var(--${type})` }}/>
|
|
37
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M24.0219 4C32.7846 4 40.4976 11.0113 40.0219 21C39.5219 31.5 24.0219 44 24.0219 44C23.9166 43.9164 8.55675 31.7058 8.02195 21C7.52244 11.0004 15.2596 4.00047 24.0219 4ZM24.0219 7C16.8614 7.00047 10.6107 12.6761 11.019 20.8506C11.1205 22.8816 11.9497 25.1898 13.351 27.6338C14.7381 30.0527 16.5791 32.4209 18.4624 34.5312C20.338 36.633 22.2064 38.4237 23.6089 39.6904C23.746 39.8143 23.8809 39.9307 24.0083 40.0439C24.1416 39.9239 24.2832 39.8006 24.4272 39.6689C25.8348 38.3818 27.7103 36.5661 29.5913 34.4463C31.4799 32.3178 33.3242 29.9388 34.7114 27.5273C36.1154 25.0865 36.9326 22.8152 37.0259 20.8574C37.4153 12.6804 31.1743 7 24.0219 7Z" style={{ fill: `var(--${type})` }}/>
|
|
38
|
+
</svg>
|
|
39
|
+
;
|
|
40
|
+
}
|
|
41
|
+
);
|
package/assets/lock/index.tsx
CHANGED
|
@@ -12,7 +12,7 @@ interface LockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const Lock = forwardRef<SVGSVGElement, LockProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M24.0001 30C24.5524 30 25.0001 29.5523 25.0001 29C25.0001 28.4477 24.5524 28 24.0001 28C23.4478 28 23.0001 28.4477 23.0001 29C23.0001 29.5523 23.4478 30 24.0001 30Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { BasicColorType } from '@liner-fe/design-token-primitive';
|
|
3
|
+
import { SVGProps } from 'react';
|
|
4
|
+
|
|
5
|
+
interface MNewTabProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
6
|
+
fill?: boolean;
|
|
7
|
+
thick?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
size?: number
|
|
10
|
+
type?: BasicColorType;
|
|
11
|
+
fillType?: BasicColorType;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const MNewTab = forwardRef<SVGSVGElement, MNewTabProps>(
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
|
+
if (fill && thick) {
|
|
17
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
|
+
<path d="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
|
|
19
|
+
<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" style={{ fill: `var(--${type})` }}/>
|
|
20
|
+
</svg>
|
|
21
|
+
;
|
|
22
|
+
} else if (fill) {
|
|
23
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
24
|
+
<path d="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
|
|
25
|
+
<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" style={{ fill: `var(--${type})` }}/>
|
|
26
|
+
</svg>
|
|
27
|
+
;
|
|
28
|
+
} else if (thick) {
|
|
29
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
30
|
+
<path d="M17.793 11.9307H10V38H36.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V11.9307Z" style={{ fill: `var(--${type})` }}/>
|
|
31
|
+
<path d="M39.501 5.94141C40.5754 6.05068 41.414 6.95833 41.4141 8.06152V21.6895H37.4141V12.7588L20.5176 29.6553L17.6895 26.8271L34.5859 9.93066H25.6553V5.93066H39.2832L39.501 5.94141Z" style={{ fill: `var(--${type})` }}/>
|
|
32
|
+
</svg>
|
|
33
|
+
;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
37
|
+
<path d="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
|
|
38
|
+
<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" style={{ fill: `var(--${type})` }}/>
|
|
39
|
+
</svg>
|
|
40
|
+
;
|
|
41
|
+
}
|
|
42
|
+
);
|
|
@@ -12,7 +12,7 @@ interface MagicPencilProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const MagicPencil = forwardRef<SVGSVGElement, MagicPencilProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M16.8638 3.4468C17.0787 2.85107 17.9213 2.85107 18.1362 3.4468L19.5264 7.29931C19.5557 7.38044 19.6196 7.44432 19.7007 7.47359L23.5532 8.86377C24.1489 9.07874 24.1489 9.92126 23.5532 10.1362L19.7007 11.5264C19.6196 11.5557 19.5557 11.6196 19.5264 11.7007L18.1362 15.5532C17.9213 16.1489 17.0787 16.1489 16.8638 15.5532L15.4736 11.7007C15.4443 11.6196 15.3804 11.5557 15.2993 11.5264L11.4468 10.1362C10.8511 9.92126 10.8511 9.07874 11.4468 8.86377L15.2993 7.47359C15.3804 7.44432 15.4443 7.38044 15.4736 7.29931L16.8638 3.4468Z" style={{ fill: `var(--${type})` }}/>
|
|
@@ -12,7 +12,7 @@ interface MagicWandProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export const MagicWand = forwardRef<SVGSVGElement, MagicWandProps>(
|
|
15
|
-
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
|
|
15
|
+
({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
|
|
16
16
|
if (fill && thick) {
|
|
17
17
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
|
|
18
18
|
<path d="M15.7658 2.51554C16.0138 1.82815 16.9859 1.82815 17.234 2.51554L18.838 6.96075C18.8718 7.05435 18.9455 7.12806 19.0391 7.16184L23.4843 8.76589C24.1717 9.01393 24.1717 9.98607 23.4843 10.2341L19.0391 11.8382C18.9455 11.8719 18.8718 11.9456 18.838 12.0393L17.234 16.4845C16.9859 17.1718 16.0138 17.1718 15.7658 16.4845L14.1617 12.0393C14.1279 11.9456 14.0542 11.8719 13.9606 11.8382L9.51542 10.2341C8.82803 9.98607 8.82803 9.01393 9.51542 8.76589L13.9606 7.16184C14.0542 7.12806 14.1279 7.05435 14.1617 6.96075L15.7658 2.51554Z" style={{ fill: `var(--${type})` }}/>
|