Skip to content

Commit a1678ec

Browse files
authored
Feat/expand line icon (#627)
* feat(uikit): add ExpandLine icon Made-with: Cursor * chore(uikit): build icons Made-with: Cursor
1 parent dfab537 commit a1678ec

4 files changed

Lines changed: 60 additions & 0 deletions

File tree

.changeset/add-expand-line-icon.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@tidbcloud/uikit': patch
3+
---
4+
5+
Add `ExpandLine` icon.

packages/uikit/src/icons/index.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -474,6 +474,7 @@ import Expand04 from './react/Expand04.jsx'
474474
import Expand05 from './react/Expand05.jsx'
475475
import Expand06 from './react/Expand06.jsx'
476476
import Expand08 from './react/Expand08.jsx'
477+
import ExpandLine from './react/ExpandLine.jsx'
477478
import Eye from './react/Eye.jsx'
478479
import EyeOff from './react/EyeOff.jsx'
479480
import FaceContent from './react/FaceContent.jsx'
@@ -3615,6 +3616,11 @@ export const IconExpand06 = Expand06 as React.FC<IconProps>
36153616
*/
36163617
export const IconExpand08 = Expand08 as React.FC<IconProps>
36173618

3619+
/**
3620+
* @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CiAgPGc+PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc3NzEgNi4xMzcyN0gwLjc1TTE4Ljc3NzEgMC43NUgwLjc1TTE4Ljc3ODYgMTEuNTI0NUgwLjc1MTQ2NU0xOC43Nzg2IDE2Ljc3OTNIMC43NTE0NjUiIHN0cm9rZT0iIzM4M0U0MCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KPC9nPgo8L3N2Zz4=)
3621+
*/
3622+
export const IconExpandLine = ExpandLine as React.FC<IconProps>
3623+
36183624
/**
36193625
* @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CiAgPGc+PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjEzNDIgOC40NzU0M0MxLjUyMjYyIDguMzMxNjcgMS40NzcyMyA4LjI1OTc5IDEuNDUxODIgOC4xNDg5MkMxLjQzMjczIDguMDY1NjUgMS40MzI3MyA3LjkzNDMxIDEuNDUxODIgNy44NTEwNEMxLjQ3NzIzIDcuNzQwMTcgMS41MjI2MiA3LjY2ODI5IDEuNjEzNDEgNy41MjQ1M0MyLjM2MzY5IDYuMzM2NTQgNC41OTY5MyAzLjMzMzMxIDguMDAwMjcgMy4zMzMzMUMxMS40MDM2IDMuMzMzMzEgMTMuNjM2OSA2LjMzNjU0IDE0LjM4NzEgNy41MjQ1M0MxNC40Nzc5IDcuNjY4MjkgMTQuNTIzMyA3Ljc0MDE3IDE0LjU0ODcgNy44NTEwNEMxNC41Njc4IDcuOTM0MzEgMTQuNTY3OCA4LjA2NTY1IDE0LjU0ODcgOC4xNDg5MkMxNC41MjMzIDguMjU5NzkgMTQuNDc3OSA4LjMzMTY3IDE0LjM4NzEgOC40NzU0M0MxMy42MzY5IDkuNjYzNDIgMTEuNDAzNiAxMi42NjY2IDguMDAwMjcgMTIuNjY2NkM0LjU5NjkzIDEyLjY2NjYgMi4zNjM2OSA5LjY2MzQyIDEuNjEzNDIgOC40NzU0M1oiIHN0cm9rZT0iIzM4M0U0MCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC4wMDAyNyA5Ljk5OTk4QzkuMTA0ODQgOS45OTk5OCAxMC4wMDAzIDkuMTA0NTUgMTAuMDAwMyA3Ljk5OTk4QzEwLjAwMDMgNi44OTU0MSA5LjEwNDg0IDUuOTk5OTggOC4wMDAyNyA1Ljk5OTk4QzYuODk1NyA1Ljk5OTk4IDYuMDAwMjcgNi44OTU0MSA2LjAwMDI3IDcuOTk5OThDNi4wMDAyNyA5LjEwNDU1IDYuODk1NyA5Ljk5OTk4IDguMDAwMjcgOS45OTk5OFoiIHN0cm9rZT0iIzM4M0U0MCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KPC9nPgo8L3N2Zz4=)
36203626
*/
Lines changed: 3 additions & 0 deletions
Loading
Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
import { Box as MantineBox } from '@mantine/core'
2+
import * as React from 'react'
3+
import { forwardRef } from 'react'
4+
const IconExpandLine = (props, ref) => {
5+
return (
6+
<svg
7+
width="1em"
8+
height="1em"
9+
viewBox="0 0 20 18"
10+
fill="none"
11+
xmlns="http://www.w3.org/2000/svg"
12+
strokeWidth="1.5"
13+
ref={ref}
14+
{...props}
15+
>
16+
<path
17+
d="M18.7771 6.13727H0.75M18.7771 0.75H0.75M18.7786 11.5245H0.751465M18.7786 16.7793H0.751465"
18+
stroke="currentColor"
19+
strokeLinecap="round"
20+
strokeLinejoin="round"
21+
strokeWidth="inherit"
22+
/>
23+
</svg>
24+
)
25+
}
26+
const ForwardRef = forwardRef(IconExpandLine)
27+
const ExpandLine = forwardRef((props, ref) => {
28+
if (typeof props.size === 'number') {
29+
const { size, ...rest } = props
30+
props = {
31+
...rest,
32+
w: size,
33+
h: size
34+
}
35+
}
36+
return (
37+
<MantineBox
38+
ref={ref}
39+
{...props}
40+
component={ForwardRef}
41+
className={['tiui-icon', 'ExpandLine', props.className].join(' ')}
42+
/>
43+
)
44+
})
45+
ExpandLine.displayName = 'IconExpandLine'
46+
export default ExpandLine

0 commit comments

Comments
 (0)