-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #81 from AElf-devops/feat/css-export
remove ant-icon dependencies, add css exports
- Loading branch information
Showing
31 changed files
with
435 additions
and
638 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,5 @@ | ||
|
|
||
| @font-face { | ||
| font-family: 'RobotoRegular'; | ||
| font-weight: 400; | ||
| src: url('./Roboto-Regular.ttf') format('truetype'); | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: 'RobotoMedium'; | ||
| font-weight: 400; | ||
| src: url('./Roboto-Medium.ttf') format('truetype'); | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: 'RobotoBold'; | ||
| font-weight: 400; | ||
| src: url('./Roboto-Bold.ttf') format('truetype'); | ||
| } | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,20 @@ | ||
| import * as React from 'react'; | ||
| import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon'; | ||
|
|
||
| import type { IconColorProps } from '../hooks'; | ||
| import { AelfIcon } from '../icon/AelfIcon'; | ||
| import AelfSVGComponent from '../svgs/circle-close.svg'; | ||
| import { type IconProps } from '../type'; | ||
|
|
||
| const componentName = 'CircleCloseIcon'; | ||
| export const CircleCloseIcon = React.forwardRef<HTMLSpanElement, IconBaseProps & IconColorProps>( | ||
| (props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }, | ||
| ); | ||
| export const CircleCloseIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }); | ||
| CircleCloseIcon.displayName = componentName; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,20 @@ | ||
| import * as React from 'react'; | ||
| import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon'; | ||
|
|
||
| import { type IconColorProps } from '../hooks'; | ||
| import { AelfIcon } from '../icon/AelfIcon'; | ||
| import AelfSVGComponent from '../svgs/clear-icon.svg'; | ||
| import { type IconProps } from '../type'; | ||
|
|
||
| const componentName = 'ClearIcon'; | ||
| export const ClearIcon = React.forwardRef<HTMLSpanElement, IconBaseProps & IconColorProps>( | ||
| (props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }, | ||
| ); | ||
| export const ClearIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }); | ||
| ClearIcon.displayName = 'ClearIcon'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,20 @@ | ||
| import * as React from 'react'; | ||
| import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon'; | ||
|
|
||
| import type { IconColorProps } from '../hooks'; | ||
| import { AelfIcon } from '../icon/AelfIcon'; | ||
| import AelfSVGComponent from '../svgs/close.svg'; | ||
| import { type IconProps } from '../type'; | ||
|
|
||
| const componentName = 'CloseIcon'; | ||
| export const CloseIcon = React.forwardRef<HTMLSpanElement, IconBaseProps & IconColorProps>( | ||
| (props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }, | ||
| ); | ||
| export const CloseIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }); | ||
| CloseIcon.displayName = 'CloseIcon'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,20 @@ | ||
| import * as React from 'react'; | ||
| import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon'; | ||
|
|
||
| import type { IconColorProps } from '../hooks'; | ||
| import { AelfIcon } from '../icon/AelfIcon'; | ||
| import AelfSVGComponent from '../svgs/copy.svg'; | ||
| import { type IconProps } from '../type'; | ||
|
|
||
| const componentName = 'CopyIcon'; | ||
| export const CopyIcon = React.forwardRef<HTMLSpanElement, IconBaseProps & IconColorProps>( | ||
| (props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }, | ||
| ); | ||
| export const CopyIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={16} | ||
| defaultHeight={16} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }); | ||
| CopyIcon.displayName = componentName; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,20 @@ | ||
| import * as React from 'react'; | ||
| import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon'; | ||
|
|
||
| import type { IconColorProps } from '../hooks'; | ||
| import { AelfIcon } from '../icon/AelfIcon'; | ||
| import AelfSVGComponent from '../svgs/downArrow.svg'; | ||
| import { type IconProps } from '../type'; | ||
|
|
||
| const componentName = 'DownArrowIcon'; | ||
| export const DownArrowIcon = React.forwardRef<HTMLSpanElement, IconBaseProps & IconColorProps>( | ||
| (props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={12} | ||
| defaultHeight={12} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }, | ||
| ); | ||
| export const DownArrowIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={12} | ||
| defaultHeight={12} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }); | ||
| DownArrowIcon.displayName = 'DownArrowIcon'; |
35 changes: 15 additions & 20 deletions
35
packages/internal-icons/src/components/EyeInvisibleOutlinedIcon.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,27 +1,22 @@ | ||
| import * as React from 'react'; | ||
| import AntdIcon from '@ant-design/icons'; | ||
| import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon'; | ||
| import { ConfigProvider } from 'antd'; | ||
| import classnames from 'classnames'; | ||
|
|
||
| import type { IconColorProps } from '../hooks'; | ||
| import { AelfIcon } from '../icon/AelfIcon'; | ||
| import AelfSVGComponent from '../svgs/eye-invisible.svg'; | ||
| import { type IconProps } from '../type'; | ||
|
|
||
| const componentName = 'EyeInvisibleOutlinedIcon'; | ||
| export const EyeInvisibleOutlinedIcon = React.forwardRef< | ||
| HTMLSpanElement, | ||
| IconBaseProps & IconColorProps | ||
| >((props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={18} | ||
| defaultHeight={18} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }); | ||
| export const EyeInvisibleOutlinedIcon = React.forwardRef<HTMLSpanElement, IconProps>( | ||
| (props, ref) => { | ||
| return ( | ||
| <AelfIcon | ||
| component={AelfSVGComponent} | ||
| componentName={componentName} | ||
| defaultWidth={18} | ||
| defaultHeight={18} | ||
| ref={ref} | ||
| {...props} | ||
| /> | ||
| ); | ||
| }, | ||
| ); | ||
| EyeInvisibleOutlinedIcon.displayName = componentName; |
Oops, something went wrong.