@univerjs/icons 0.1.30 → 0.1.32

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present, DreamNum Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,117 @@
+# @univerjs/icons
+
+![npm license](https://img.shields.io/npm/l/@univerjs/icons)
+![npm version](https://img.shields.io/npm/v/@univerjs/icons)
+![npm downloads](https://img.shields.io/npm/dw/@univerjs/icons)
+
+> @univerjs/icons is a set of icons designed for office software scenarios., it contains a series of icons and React components, you can use them in your React project.
+
+## Installation
+
+```bash
+# npm
+npm install @univerjs/icons
+
+# pnpm
+pnpm add @univerjs/icons
+
+# yarn
+yarn add @univerjs/icons
+```
+
+## Usage
+
+Use icons just like render a React component:
+
+```tsx
+import { SaveSingle } from '@univerjs/icons';
+
+function App() {
+  return <SaveSingle />;
+}
+```
+
+Because icons are React components, you can pass any SVGElement attributes to them, such as style:
+
+```tsx
+function App() {
+  return <SaveSingle style={{ color: '#3526de', fontSize: '48px' }} />;
+}
+```
+
+```tsx
+<SmileSingle style={{ color: '#3526de', fontSize: '48px' }} />
+```
+
+### Standard usage
+
+Instead of adding various props to the icons, we prefer to follow the existing behaviors on the web. This way, we can leverage solutions that people are familiar with and have already been tested.
+
+- All icons have a height and width of 1em, so you can adjust the size of the icon by adjusting the fontSize.
+- All monochrome icons can be adjusted in overall color using the color prop.
+
+Additionally: We also provide some multi-colored icons, which have fixed colors.
+
+```tsx
+<Loading style={{ fontSize: '48px' }} />
+```
+
+For some complex situations, such as adjusting the color of specific parts of an icon, we have added a color channel as a parameter for the component. Similar to monochrome icons, this requires prior communication with the designer to determine which parts should be controlled locally.
+
+```tsx
+function App() {
+  return (
+    <>
+      <PaintBucket style={{ fontSize: '48px' }} extend={{ colorChannel1: 'red'}}/>
+      <PaintBucket style={{ fontSize: '48px' }} extend={{ colorChannel1: 'blue'}}/>
+    </>
+  )
+}
+```
+
+### Icon source file
+
+The icon resources provided by the designer are placed in the svg folder at the root directory. They are organized into different subdirectories to distinguish their categories.
+
+Please note that the names of the source files should be in kebab case, which means all lowercase with hyphens separating words.
+
+### Icon optimization and component generation
+
+We have established a pipeline using gulp to optimize the initial icon resources and generate corresponding React components based on these resources.
+
+Optimizing SVG size: The SVG files submitted by designers are usually generated by editors such as Figma or Sketch, and they often contain a lot of unnecessary attributes (such as id) and non-optimized element properties. Rendering such SVG files directly would result in larger file sizes for icons. Therefore, we use SVGO to optimize the content of SVG files, reducing their size while maintaining rendering quality.
+
+Standardizing icon properties: The original SVGs generally have dimensions that match the designer's canvas size, making them unsuitable for different usage scenarios with varying sizes. Additionally, colors are typically predetermined by designers and cannot be changed arbitrarily. In this step, we standardize attributes within SVG tags, such as `width`, `height`, `strokeColor`, etc.
+
+Generating icon components: Finally, we will generate a corresponding React component for each SVG source file.
+
+## Interface definition of icon components
+
+```typescript
+interface IconProps extends React.SVGAttributes<SVGElement> {
+  /**
+   * The color of the icon.
+   */
+  color?: string
+  /**
+   * The extend color of the icon.
+   */
+  extend?: {
+    colorChannel1?: string
+  }
+}
+```
+
+## FAQ
+
+### Why not use SVG sprite / iconfont / base64 + css background-img and other technical solutions?
+
+React component solution has outstanding advantages in the following two aspects:
+
+On-demand usage. Some technical solutions, including SVG sprite and iconfont, will cause icons to be used on demand. This means that the icons packaged into the final resources are not actually used by you, but all the icons provided by the icon library. Although it is possible to generate a sprite or iconfont containing only the icons you use through some technical means, this process is quite cumbersome. In comparison, @univerjs/icons is a tree-shakable tool library where unused icons will not be included in the final output, and your bundler will automatically handle this process for you.
+
+Rendering effect. Iconfonts appear blurry when zoomed in on webkit-based browsers, while SVGs do not blur because they are vector graphics. Additionally, since iconfonts are generally loaded asynchronously, there may be issues with delayed rendering of icons.
+
+Runtime modification. Due to React components' dynamic nature, we can modify the rendering effects of icons at runtime.
+
+The reason for not using base64 scheme is due to size: Base64 encoding method increases code size compared to its original form which does not seem like an elegant solution.

package/dist/components/arrow-down-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const ArrowDownSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default ArrowDownSingle;

package/dist/components/arrow-righe-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const ArrowRigheSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default ArrowRigheSingle;

package/dist/components/arrow-tilt-down-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const ArrowTiltDownSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default ArrowTiltDownSingle;

package/dist/components/arrow-tilt-up-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const ArrowTiltUpSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default ArrowTiltUpSingle;

package/dist/components/arrow-up-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const ArrowUpSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default ArrowUpSingle;

package/dist/components/cell-0.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Cell0: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Cell0;

package/dist/components/cell-100.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Cell100: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Cell100;

package/dist/components/cell-25.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Cell25: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Cell25;

package/dist/components/cell-50.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Cell50: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Cell50;

package/dist/components/cell-75.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Cell75: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Cell75;

package/dist/components/correct-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const CorrectSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default CorrectSingle;

package/dist/components/correct.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Correct: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Correct;

package/dist/components/cross-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const CrossSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default CrossSingle;

package/dist/components/dissatisfied.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Dissatisfied: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Dissatisfied;

package/dist/components/down-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const DownSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default DownSingle;

package/dist/components/flag-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const FlagSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default FlagSingle;

package/dist/components/guffaw.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Guffaw: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Guffaw;

package/dist/components/impatient.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Impatient: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Impatient;

package/dist/components/indicate.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Indicate: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Indicate;

package/dist/components/mistake-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const MistakeSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default MistakeSingle;

package/dist/components/mistake.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Mistake: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Mistake;

package/dist/components/noninductive.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Noninductive: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Noninductive;

package/dist/components/progress-0-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Progress0Single: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Progress0Single;

package/dist/components/progress-100-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Progress100Single: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Progress100Single;

package/dist/components/progress-25-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Progress25Single: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Progress25Single;

package/dist/components/progress-50-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Progress50Single: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Progress50Single;

package/dist/components/progress-75-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Progress75Single: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Progress75Single;

package/dist/components/rhomboid-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const RhomboidSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default RhomboidSingle;

package/dist/components/roundness-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const RoundnessSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default RoundnessSingle;

package/dist/components/signal-0.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Signal0: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Signal0;

package/dist/components/signal-100.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Signal100: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Signal100;

package/dist/components/signal-25.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Signal25: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Signal25;

package/dist/components/signal-50.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Signal50: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Signal50;

package/dist/components/signal-75.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Signal75: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Signal75;

package/dist/components/smile.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Smile: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Smile;

package/dist/components/star-empty.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const StarEmpty: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default StarEmpty;

package/dist/components/star-full.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const StarFull: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default StarFull;

package/dist/components/star-incomplete.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const StarIncomplete: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default StarIncomplete;

package/dist/components/triangle-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const TriangleSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default TriangleSingle;

package/dist/components/up-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const UpSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default UpSingle;

package/dist/components/warn-single.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const WarnSingle: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default WarnSingle;

package/dist/components/warn.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../icon';
+export declare const Warn: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGElement>>;
+export default Warn;

package/dist/icons.d.ts

@@ -8,6 +8,11 @@ export { default as AlignTopSingle } from './components/align-top-single';
 export { default as AllBorderSingle } from './components/all-border-single';
 export { default as AmplifySingle } from './components/amplify-single';
 export { default as ArchitectureSingle } from './components/architecture-single';
+export { default as ArrowDownSingle } from './components/arrow-down-single';
+export { default as ArrowRigheSingle } from './components/arrow-righe-single';
+export { default as ArrowTiltDownSingle } from './components/arrow-tilt-down-single';
+export { default as ArrowTiltUpSingle } from './components/arrow-tilt-up-single';
+export { default as ArrowUpSingle } from './components/arrow-up-single';
 export { default as AscendingOrder } from './components/ascending-order';
 export { default as AutoHeight } from './components/auto-height';
 export { default as AutoWidth } from './components/auto-width';
@@ -21,6 +26,11 @@ export { default as BonusPointsSingle20 } from './components/bonus-points-single
 export { default as BrushSingle } from './components/brush-single';
 export { default as CancelFreezeSingle } from './components/cancel-freeze-single';
 export { default as CancelMergeSingle } from './components/cancel-merge-single';
+export { default as Cell0 } from './components/cell-0';
+export { default as Cell100 } from './components/cell-100';
+export { default as Cell25 } from './components/cell-25';
+export { default as Cell50 } from './components/cell-50';
+export { default as Cell75 } from './components/cell-75';
 export { default as CheckBoxPartSingle } from './components/check-box-part-single';
 export { default as CheckMarkSingle } from './components/check-mark-single';
 export { default as ChipSingle } from './components/chip-single';
@@ -34,7 +44,10 @@ export { default as ContentSingle16 } from './components/content-single-16';
 export { default as ContentSingle20 } from './components/content-single-20';
 export { default as ConvertSingle } from './components/convert-single';
 export { default as Copy } from './components/copy';
+export { default as CorrectSingle } from './components/correct-single';
+export { default as Correct } from './components/correct';
 export { default as CreateCopySingle } from './components/create-copy-single';
+export { default as CrossSingle } from './components/cross-single';
 export { default as CustomColorsSingle } from './components/custom-colors-single';
 export { default as CustomSorting1 } from './components/custom-sorting-1';
 export { default as CustomSorting } from './components/custom-sorting';
@@ -51,7 +64,9 @@ export { default as DetailsSingle } from './components/details-single';
 export { default as DirectExportSingle } from './components/direct-export-single';
 export { default as DiscordSingle24 } from './components/discord-single-24';
 export { default as DiscordSingle40 } from './components/discord-single-40';
+export { default as Dissatisfied } from './components/dissatisfied';
 export { default as DownBorder } from './components/down-border';
+export { default as DownSingle } from './components/down-single';
 export { default as DropdownSingle } from './components/dropdown-single';
 export { default as EditRegionSingle } from './components/edit-region-single';
 export { default as EraserSingle } from './components/eraser-single';
@@ -59,6 +74,7 @@ export { default as ErrorSingle } from './components/error-single';
 export { default as ExportSingle } from './components/export-single';
 export { default as EyelashSingle } from './components/eyelash-single';
 export { default as FileLockSingle } from './components/file-lock-single';
+export { default as FlagSingle } from './components/flag-single';
 export { default as FolderSingle } from './components/folder-single';
 export { default as FontColor } from './components/font-color';
 export { default as FontSizeIncreaseSingle } from './components/font-size-increase-single';
@@ -73,6 +89,7 @@ export { default as FxSingle } from './components/fx-single';
 export { default as GithubSingle24 } from './components/github-single-24';
 export { default as GithubSingle40 } from './components/github-single-40';
 export { default as GridSingle } from './components/grid-single';
+export { default as Guffaw } from './components/guffaw';
 export { default as Hide } from './components/hide';
 export { default as HistoryOperations } from './components/history-operations';
 export { default as HistorySingle } from './components/history-single';
@@ -80,7 +97,9 @@ export { default as HorizontalBorder } from './components/horizontal-border';
 export { default as HorizontalMergeSingle } from './components/horizontal-merge-single';
 export { default as HorizontallySingle } from './components/horizontally-single';
 export { default as HourglassSingle } from './components/hourglass-single';
+export { default as Impatient } from './components/impatient';
 export { default as IncreaseSingle } from './components/increase-single';
+export { default as Indicate } from './components/indicate';
 export { default as InnerBorder } from './components/inner-border';
 export { default as InsertCellDown } from './components/insert-cell-down';
 export { default as InsertCellShiftRight } from './components/insert-cell-shift-right';
@@ -114,6 +133,8 @@ export { default as MergeByRowSingle } from './components/merge-by-row-single';
 export { default as MergeCellCenterContentSingle } from './components/merge-cell-center-content-single';
 export { default as MergeTextSingle } from './components/merge-text-single';
 export { default as MinSingle } from './components/min-single';
+export { default as MistakeSingle } from './components/mistake-single';
+export { default as Mistake } from './components/mistake';
 export { default as MoreDownSingle } from './components/more-down-single';
 export { default as MoreFunctionSingle } from './components/more-function-single';
 export { default as MoreLeftSingle } from './components/more-left-single';
@@ -128,6 +149,7 @@ export { default as NextSingle } from './components/next-single';
 export { default as NoBorderSingle } from './components/no-border-single';
 export { default as NoColor } from './components/no-color';
 export { default as NoRotationSingle } from './components/no-rotation-single';
+export { default as Noninductive } from './components/noninductive';
 export { default as NoteSingle } from './components/note-single';
 export { default as OffLineSingle } from './components/off-line-single';
 export { default as OnLineSingle } from './components/on-line-single';
@@ -153,6 +175,11 @@ export { default as PositionSingle16 } from './components/position-single-16';
 export { default as PositionSingle20 } from './components/position-single-20';
 export { default as PrintSingle } from './components/print-single';
 export { default as PrivacyViewing } from './components/privacy-viewing';
+export { default as Progress0Single } from './components/progress-0-single';
+export { default as Progress100Single } from './components/progress-100-single';
+export { default as Progress25Single } from './components/progress-25-single';
+export { default as Progress50Single } from './components/progress-50-single';
+export { default as Progress75Single } from './components/progress-75-single';
 export { default as RadioNotSingle } from './components/radio-not-single';
 export { default as RadioYesSingle } from './components/radio-yes-single';
 export { default as RecommendSingle } from './components/recommend-single';
@@ -162,6 +189,7 @@ export { default as ReduceSingle } from './components/reduce-single';
 export { default as Reduce } from './components/reduce';
 export { default as RenameSingle } from './components/rename-single';
 export { default as RenewSingle } from './components/renew-single';
+export { default as RhomboidSingle } from './components/rhomboid-single';
 export { default as RightBorder } from './components/right-border';
 export { default as RightDoubleDiagonalSingle } from './components/right-double-diagonal-single';
 export { default as RightInsertColumn } from './components/right-insert-column';
@@ -169,6 +197,7 @@ export { default as RightJustifyingSingle } from './components/right-justifying-
 export { default as RightRotationFortyFiveDegreesSingle } from './components/right-rotation-forty-five-degrees-single';
 export { default as RightRotationNinetyDegreesSingle } from './components/right-rotation-ninety-degrees-single';
 export { default as RmbSingle } from './components/rmb-single';
+export { default as RoundnessSingle } from './components/roundness-single';
 export { default as SaveSingle } from './components/save-single';
 export { default as Screen } from './components/screen';
 export { default as SearchSingle16 } from './components/search-single-16';
@@ -176,9 +205,18 @@ export { default as SelectRangeSingle } from './components/select-range-single';
 export { default as SelectedSingle } from './components/selected-single';
 export { default as ShareSingle } from './components/share-single';
 export { default as Shear } from './components/shear';
+export { default as Signal0 } from './components/signal-0';
+export { default as Signal100 } from './components/signal-100';
+export { default as Signal25 } from './components/signal-25';
+export { default as Signal50 } from './components/signal-50';
+export { default as Signal75 } from './components/signal-75';
 export { default as SlashSingle } from './components/slash-single';
 export { default as SmileSingle } from './components/smile-single';
+export { default as Smile } from './components/smile';
 export { default as Sort } from './components/sort';
+export { default as StarEmpty } from './components/star-empty';
+export { default as StarFull } from './components/star-full';
+export { default as StarIncomplete } from './components/star-incomplete';
 export { default as StarSingle } from './components/star-single';
 export { default as StrikethroughSingle } from './components/strikethrough-single';
 export { default as SubscriptSingle } from './components/subscript-single';
@@ -187,17 +225,21 @@ export { default as SumSingle } from './components/sum-single';
 export { default as SuperscriptSingle } from './components/superscript-single';
 export { default as SystemSingle } from './components/system-single';
 export { default as TianZiGeSingle } from './components/tian-zi-ge-single';
+export { default as TriangleSingle } from './components/triangle-single';
 export { default as TruncationSingle } from './components/truncation-single';
 export { default as UnderlineSingle } from './components/underline-single';
 export { default as UndoSingle } from './components/undo-single';
 export { default as UnlockSingle } from './components/unlock-single';
 export { default as UnorderSingle } from './components/unorder-single';
 export { default as UpBorder } from './components/up-border';
+export { default as UpSingle } from './components/up-single';
 export { default as VerticalBorder } from './components/vertical-border';
 export { default as VerticalCenterSingle } from './components/vertical-center-single';
 export { default as VerticalIntegrationSingle } from './components/vertical-integration-single';
 export { default as VerticalMergeSingle } from './components/vertical-merge-single';
 export { default as VerticalTextSingle } from './components/vertical-text-single';
+export { default as WarnSingle } from './components/warn-single';
+export { default as Warn } from './components/warn';
 export { default as WarningSingle } from './components/warning-single';
 export { default as WechatSingle24 } from './components/wechat-single-24';
 export { default as WechatSingle40 } from './components/wechat-single-40';