feat: add new icon

.changeset/shy-poets-cough.md

@@ -0,0 +1,10 @@
+---
+"@wisdesign/lsicon": patch
+---
+
+[feature] add new icon
+
+- SmileIcon
+- ExitIcon
+- SmileFilledIcon
+- ExitFilledIcon

components/ExitFilledIcon.tsx

@@ -0,0 +1,30 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const ExitFilledIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=filled">
+      <g id="Vector">
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M2 2H14V5H13V3H3V13H13V11H14V14H2.50069H2V2Z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M9.14645 5.64645L9.85355 6.35355L8.70711 7.5H14V8.5H8.70711L9.85355 9.64645L9.14645 10.3536L6.79289 8L9.14645 5.64645Z"
+          clipRule="evenodd"
+        />
+      </g>
+    </g>
+  </svg>
+);
+export default ExitFilledIcon;

components/ExitIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const ExitIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=outline">
+      <path
+        id="Vector"
+        stroke="currentColor"
+        d="M14 8H7.5M7.5 8L9.5 6M7.5 8L9.5 10M13.5 11V13.5C9.20423 13.5 2.5 13.5 2.5 13.5V2.5H9H13.5V5"
+      />
+    </g>
+  </svg>
+);
+export default ExitIcon;

components/SmileFilledIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SmileFilledIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=filled">
+      <path
+        id="Vector"
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1ZM4.5 6.5C4.5 5.94772 4.94772 5.5 5.5 5.5C6.05228 5.5 6.5 5.94772 6.5 6.5C6.5 7.05228 6.05228 7.5 5.5 7.5C4.94772 7.5 4.5 7.05228 4.5 6.5ZM9.5 6.5C9.5 5.94772 9.94771 5.5 10.5 5.5C11.0523 5.5 11.5 5.94772 11.5 6.5C11.5 7.05228 11.0523 7.5 10.5 7.5C9.94771 7.5 9.5 7.05228 9.5 6.5ZM7.99901 10.5C7.17966 10.5 6.47429 10.0072 6.16521 9.29981L5.24885 9.70019C5.71133 10.7587 6.76804 11.5 7.99901 11.5C9.22998 11.5 10.2867 10.7587 10.7492 9.70019L9.83281 9.29981C9.52373 10.0072 8.81836 10.5 7.99901 10.5Z"
+        clipRule="evenodd"
+      />
+    </g>
+  </svg>
+);
+export default SmileFilledIcon;

components/SmileIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SmileIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <g id="theme=outline">
+      <path
+        id="Vector"
+        stroke="currentColor"
+        d="M5.70703 9.5C6.09281 10.383 6.97385 11 7.99901 11C9.02417 11 9.90521 10.383 10.291 9.5M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM6 6.5C6 6.77614 5.77614 7 5.5 7C5.22386 7 5 6.77614 5 6.5C5 6.22386 5.22386 6 5.5 6C5.77614 6 6 6.22386 6 6.5ZM11 6.5C11 6.77614 10.7761 7 10.5 7C10.2239 7 10 6.77614 10 6.5C10 6.22386 10.2239 6 10.5 6C10.7761 6 11 6.22386 11 6.5Z"
+      />
+    </g>
+  </svg>
+);
+export default SmileIcon;

components/index.ts

@@ -121,6 +121,8 @@ export { default as GitCommitIcon } from "./GitCommitIcon.tsx";
 export { default as GitCommitFilledIcon } from "./GitCommitFilledIcon.tsx";
 export { default as CodeIcon } from "./CodeIcon.tsx";
 export { default as CodeFilledIcon } from "./CodeFilledIcon.tsx";
+export { default as SmileIcon } from "./SmileIcon.tsx";
+export { default as SmileFilledIcon } from "./SmileFilledIcon.tsx";
 export { default as PinIcon } from "./PinIcon.tsx";
 export { default as PinFilledIcon } from "./PinFilledIcon.tsx";
 export { default as ThumbDownIcon } from "./ThumbDownIcon.tsx";
@@ -375,6 +377,8 @@ export { default as LinejoinBevelIcon } from "./LinejoinBevelIcon.tsx";
 export { default as LinejoinBevelFilledIcon } from "./LinejoinBevelFilledIcon.tsx";
 export { default as LinejoinRoundIcon } from "./LinejoinRoundIcon.tsx";
 export { default as LinejoinRoundFilledIcon } from "./LinejoinRoundFilledIcon.tsx";
+export { default as ExitIcon } from "./ExitIcon.tsx";
+export { default as ExitFilledIcon } from "./ExitFilledIcon.tsx";
 export { default as LightningIcon } from "./LightningIcon.tsx";
 export { default as LightningFilledIcon } from "./LightningFilledIcon.tsx";
 export { default as PieTwoIcon } from "./PieTwoIcon.tsx";

components/meta.js

@@ -167,6 +167,12 @@ export default [
           { type: "component", title: "Code", name: "CodeIcon" },
         ],
       },
+      {
+        type: "category",
+        name: "Face",
+        title: "Face",
+        children: [{ type: "component", title: "Smile", name: "SmileIcon" }],
+      },
       {
         type: "category",
         name: "Action",
@@ -406,6 +412,7 @@ export default [
             title: "LinejoinRound",
             name: "LinejoinRoundIcon",
           },
+          { type: "component", title: "Exit", name: "ExitIcon" },
         ],
       },
       {
@@ -1028,6 +1035,14 @@ export default [
           { type: "component", title: "CodeFilled", name: "CodeFilledIcon" },
         ],
       },
+      {
+        type: "category",
+        name: "Face",
+        title: "Face",
+        children: [
+          { type: "component", title: "SmileFilled", name: "SmileFilledIcon" },
+        ],
+      },
       {
         type: "category",
         name: "Action",
@@ -1583,6 +1598,7 @@ export default [
             title: "LinejoinRoundFilled",
             name: "LinejoinRoundFilledIcon",
           },
+          { type: "component", title: "ExitFilled", name: "ExitFilledIcon" },
         ],
       },
       {

dist/ExitFilledIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const ExitFilledIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ExitFilledIcon;

dist/ExitIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const ExitIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ExitIcon;

dist/SmileFilledIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SmileFilledIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SmileFilledIcon;

dist/SmileIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SmileIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SmileIcon;

dist/index.d.ts

@@ -121,6 +121,8 @@ export { default as GitCommitIcon } from './GitCommitIcon.tsx';
 export { default as GitCommitFilledIcon } from './GitCommitFilledIcon.tsx';
 export { default as CodeIcon } from './CodeIcon.tsx';
 export { default as CodeFilledIcon } from './CodeFilledIcon.tsx';
+export { default as SmileIcon } from './SmileIcon.tsx';
+export { default as SmileFilledIcon } from './SmileFilledIcon.tsx';
 export { default as PinIcon } from './PinIcon.tsx';
 export { default as PinFilledIcon } from './PinFilledIcon.tsx';
 export { default as ThumbDownIcon } from './ThumbDownIcon.tsx';
@@ -375,6 +377,8 @@ export { default as LinejoinBevelIcon } from './LinejoinBevelIcon.tsx';
 export { default as LinejoinBevelFilledIcon } from './LinejoinBevelFilledIcon.tsx';
 export { default as LinejoinRoundIcon } from './LinejoinRoundIcon.tsx';
 export { default as LinejoinRoundFilledIcon } from './LinejoinRoundFilledIcon.tsx';
+export { default as ExitIcon } from './ExitIcon.tsx';
+export { default as ExitFilledIcon } from './ExitFilledIcon.tsx';
 export { default as LightningIcon } from './LightningIcon.tsx';
 export { default as LightningFilledIcon } from './LightningFilledIcon.tsx';
 export { default as PieTwoIcon } from './PieTwoIcon.tsx';