@liner-fe/icon 0.0.20 → 0.0.22
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 +13 -0
- package/assets/spinner/index.tsx +4 -4
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/assets/spinner/index.tsx
CHANGED
|
@@ -12,21 +12,21 @@ export const Spinner = forwardRef<SVGSVGElement, SpinnerProps>(
|
|
|
12
12
|
({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }, ref) => {
|
|
13
13
|
if (fill && thick) {
|
|
14
14
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref}>
|
|
15
|
-
<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
|
|
15
|
+
<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 ></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}"/>
|
|
16
16
|
<defs>
|
|
17
17
|
<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>
|
|
18
18
|
</svg>
|
|
19
19
|
;
|
|
20
20
|
} else if (fill) {
|
|
21
21
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref}>
|
|
22
|
-
<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
|
|
22
|
+
<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 ></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}"/>
|
|
23
23
|
<defs>
|
|
24
24
|
<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>
|
|
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" ref={ref}>
|
|
29
|
-
<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
|
|
29
|
+
<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 ></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}"/>
|
|
30
30
|
<defs>
|
|
31
31
|
<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>
|
|
32
32
|
</svg>
|
|
@@ -34,7 +34,7 @@ export const Spinner = forwardRef<SVGSVGElement, SpinnerProps>(
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref}>
|
|
37
|
-
<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
|
|
37
|
+
<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 ></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}"/>
|
|
38
38
|
<defs>
|
|
39
39
|
<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>
|
|
40
40
|
</svg>
|