Merge pull request #1309 from Wizleap-Inc/feat/icon-inbox-mail

Feat(icon): WizIMail, WizIInboxCustomize): icon
Wizleap-Inc · May 20, 2024 · 4dd35f1 · 4dd35f1
2 parents aa8f096 + 5f2481a
commit 4dd35f1
Show file tree

Hide file tree

Showing 10 changed files with 100 additions and 0 deletions.
diff --git a/.changeset/quick-jeans-draw.md b/.changeset/quick-jeans-draw.md
@@ -0,0 +1,8 @@
+---
+"@wizleap-inc/wiz-ui-react": minor
+"@wizleap-inc/wiz-ui-next": minor
+"@wizleap-inc/wiz-ui-constants": minor
+"@wizleap-inc/wiz-ui-icons": minor
+---
+
+Feat(icon): WizIMail, WizIInboxCustomize を追加
diff --git a/packages/constants/component/icon-name.ts b/packages/constants/component/icon-name.ts
@@ -58,12 +58,14 @@ export const IconComponentName = {
   IHistory: "WizIHistory",
   IHome: "WizIHome",
   IHourglassTop: "WizIHourglassTop",
+  IInboxCustomize: "WizIInboxCustomize",
   IInfoBold: "WizIInfoBold",
   IInfoFilled: "WizIInfoFilled",
   IInfo: "WizIInfo",
   ILocationCity: "WizILocationCity",
   ILocationOn: "WizILocationOn",
   ILogin: "WizILogin",
+  IMail: "WizIMail",
   IManageAccounts: "WizIManageAccounts",
   IMenuOpen: "WizIMenuOpen",
   IMenu: "WizIMenu",

diff --git a/packages/icons/assets/inbox-customize.svg b/packages/icons/assets/inbox-customize.svg
diff --git a/packages/icons/assets/mail.svg b/packages/icons/assets/mail.svg
diff --git a/packages/wiz-ui-next/src/components/icons/inbox-customize.vue b/packages/wiz-ui-next/src/components/icons/inbox-customize.vue
@@ -0,0 +1,20 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="1em"
+    viewBox="0 -960 960 960"
+    width="1em"
+  >
+    <path
+      d="M224.62-200q-27.62 0-46.12-18.5Q160-237 160-264.62v-510.76q0-27.62 18.5-46.12Q197-840 224.62-840h510.76q27.62 0 46.12 18.5Q800-803 800-775.38v182.53q0 8.54-5.73 13.77T780-573.85q-8.54 0-14.27-5.73T760-593.85v-181.53q0-10.77-6.92-17.7-6.93-6.92-17.7-6.92H224.62q-10.77 0-17.7 6.92-6.92 6.93-6.92 17.7v360h142.77q15.08 0 22.54 4.73 7.46 4.73 12.46 14.5 12.54 23.15 34.5 37.73 21.96 14.57 50.5 18.73 6.38 1.92 11.35 6.92 4.96 5 4.96 12.39 0 9.23-7.04 15.42-7.04 6.19-16.19 4.34-33.7-1.84-63.97-22.53-30.26-20.7-48.8-52.23H200v110.76q0 10.77 6.92 17.7 6.93 6.92 17.7 6.92h235.23q8.53 0 14.27 5.73 5.73 5.73 5.73 14.27t-5.73 14.27q-5.74 5.73-14.27 5.73H224.62Zm0-40H200 482.23 224.62Zm442.84 14.62q-22-5-37.11-13.2-15.12-8.19-29.2-23.88l-20.69 8.38q-5.46 2-10.69.66-5.23-1.35-8.46-6.58l-5.54-9.23q-4-5.23-3.15-11.46.84-6.23 5.84-10.46l16.85-13.62q-7.39-20.46-7.39-40.61 0-20.16 7.39-41.39l-16.85-14.38q-5-4.23-6.23-10.08-1.23-5.85 2.77-11.08l6.31-10q3.23-5.23 8.46-6.57 5.23-1.35 10.69.65l20.69 8.38q13.31-14.92 29.58-23.5 16.27-8.57 36.73-13.57l2.85-20.16q1.23-6.23 5.34-10.34 4.12-4.12 10.58-4.12h11.08q6.46 0 10.57 4.12 4.12 4.11 5.35 10.34l2.85 20.16q20.46 4.23 36.34 13.19 15.89 8.96 29.96 23.88l20.7-8.38q5.46-2 10.69-.65 5.23 1.34 8.46 6.57l6.31 10q4 5.23 2.77 11.08t-6.23 10.08l-16.85 14.38q8.15 22 7.77 41.77-.38 19.77-8.54 40.23l16.85 13.62q3.46 2.69 5.84 8.92 2.39 6.23-2.38 13l-5.54 9.23q-3.23 5.23-8.46 6.58-5.23 1.34-10.69-.66l-20.7-8.38q-14.07 14.92-29.19 23.5-15.11 8.58-37.11 13.58l-2.85 20.15q-1.23 6.23-5.35 10.35-4.11 4.11-10.57 4.11h-11.08q-6.46 0-10.58-4.11-4.11-4.12-5.34-10.35l-2.85-20.15ZM691.77-260q35.31 0 60.73-25.42 25.42-25.43 25.42-60.73 0-35.31-25.42-60.73-25.42-25.43-60.73-25.43-35.31 0-60.73 25.43-25.42 25.42-25.42 60.73 0 35.3 25.42 60.73Q656.46-260 691.77-260Z"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+import { ComponentName } from "@wizleap-inc/wiz-ui-constants";
+
+defineOptions({
+  name: ComponentName.IInboxCustomize,
+});
+</script>
diff --git a/packages/wiz-ui-next/src/components/icons/index.ts b/packages/wiz-ui-next/src/components/icons/index.ts
@@ -57,12 +57,14 @@ import { default as WizIHelp } from "./help.vue";
 import { default as WizIHistory } from "./history.vue";
 import { default as WizIHome } from "./home.vue";
 import { default as WizIHourglassTop } from "./hourglass-top.vue";
+import { default as WizIInboxCustomize } from "./inbox-customize.vue";
 import { default as WizIInfoBold } from "./info-bold.vue";
 import { default as WizIInfoFilled } from "./info-filled.vue";
 import { default as WizIInfo } from "./info.vue";
 import { default as WizILocationCity } from "./location-city.vue";
 import { default as WizILocationOn } from "./location-on.vue";
 import { default as WizILogin } from "./login.vue";
+import { default as WizIMail } from "./mail.vue";
 import { default as WizIManageAccounts } from "./manage-accounts.vue";
 import { default as WizIMenuOpen } from "./menu-open.vue";
 import { default as WizIMenu } from "./menu.vue";
@@ -153,12 +155,14 @@ export type TIcon =
   | typeof WizIHistory
   | typeof WizIHome
   | typeof WizIHourglassTop
+  | typeof WizIInboxCustomize
   | typeof WizIInfoBold
   | typeof WizIInfoFilled
   | typeof WizIInfo
   | typeof WizILocationCity
   | typeof WizILocationOn
   | typeof WizILogin
+  | typeof WizIMail
   | typeof WizIManageAccounts
   | typeof WizIMenuOpen
   | typeof WizIMenu
@@ -249,12 +253,14 @@ export {
   WizIHistory,
   WizIHome,
   WizIHourglassTop,
+  WizIInboxCustomize,
   WizIInfoBold,
   WizIInfoFilled,
   WizIInfo,
   WizILocationCity,
   WizILocationOn,
   WizILogin,
+  WizIMail,
   WizIManageAccounts,
   WizIMenuOpen,
   WizIMenu,

diff --git a/packages/wiz-ui-next/src/components/icons/mail.vue b/packages/wiz-ui-next/src/components/icons/mail.vue
@@ -0,0 +1,20 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="1em"
+    viewBox="0 -960 960 960"
+    width="1em"
+  >
+    <path
+      d="M184.62-200q-27.62 0-46.12-18.5Q120-237 120-264.62v-430.76q0-27.62 18.5-46.12Q157-760 184.62-760h590.76q27.62 0 46.12 18.5Q840-723 840-695.38v430.76q0 27.62-18.5 46.12Q803-200 775.38-200H184.62ZM800-684.62 497.92-486.85q-4.23 2.23-8.57 3.73-4.35 1.5-9.35 1.5t-9.35-1.5q-4.34-1.5-8.57-3.73L160-684.62v420q0 10.77 6.92 17.7 6.93 6.92 17.7 6.92h590.76q10.77 0 17.7-6.92 6.92-6.93 6.92-17.7v-420ZM480-520l307.69-200H172.31L480-520ZM160-684.62v8.47-32.47 1.39V-720v12.77-2.04 33.12-8.47V-240v-444.62Z"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+import { ComponentName } from "@wizleap-inc/wiz-ui-constants";
+
+defineOptions({
+  name: ComponentName.IMail,
+});
+</script>
diff --git a/packages/wiz-ui-react/src/components/icons/inbox-customize.tsx b/packages/wiz-ui-react/src/components/icons/inbox-customize.tsx
@@ -0,0 +1,18 @@
+import { CSSProperties } from "react";
+type Props = {
+  className?: string;
+  style?: CSSProperties;
+};
+export const WizIInboxCustomize = ({ className, style }: Props) => (
+  <svg
+    className={className}
+    style={style}
+    xmlns="http://www.w3.org/2000/svg"
+    height="1em"
+    viewBox="0 -960 960 960"
+    width="1em"
+  >
+    <path d="M224.62-200q-27.62 0-46.12-18.5Q160-237 160-264.62v-510.76q0-27.62 18.5-46.12Q197-840 224.62-840h510.76q27.62 0 46.12 18.5Q800-803 800-775.38v182.53q0 8.54-5.73 13.77T780-573.85q-8.54 0-14.27-5.73T760-593.85v-181.53q0-10.77-6.92-17.7-6.93-6.92-17.7-6.92H224.62q-10.77 0-17.7 6.92-6.92 6.93-6.92 17.7v360h142.77q15.08 0 22.54 4.73 7.46 4.73 12.46 14.5 12.54 23.15 34.5 37.73 21.96 14.57 50.5 18.73 6.38 1.92 11.35 6.92 4.96 5 4.96 12.39 0 9.23-7.04 15.42-7.04 6.19-16.19 4.34-33.7-1.84-63.97-22.53-30.26-20.7-48.8-52.23H200v110.76q0 10.77 6.92 17.7 6.93 6.92 17.7 6.92h235.23q8.53 0 14.27 5.73 5.73 5.73 5.73 14.27t-5.73 14.27q-5.74 5.73-14.27 5.73H224.62Zm0-40H200 482.23 224.62Zm442.84 14.62q-22-5-37.11-13.2-15.12-8.19-29.2-23.88l-20.69 8.38q-5.46 2-10.69.66-5.23-1.35-8.46-6.58l-5.54-9.23q-4-5.23-3.15-11.46.84-6.23 5.84-10.46l16.85-13.62q-7.39-20.46-7.39-40.61 0-20.16 7.39-41.39l-16.85-14.38q-5-4.23-6.23-10.08-1.23-5.85 2.77-11.08l6.31-10q3.23-5.23 8.46-6.57 5.23-1.35 10.69.65l20.69 8.38q13.31-14.92 29.58-23.5 16.27-8.57 36.73-13.57l2.85-20.16q1.23-6.23 5.34-10.34 4.12-4.12 10.58-4.12h11.08q6.46 0 10.57 4.12 4.12 4.11 5.35 10.34l2.85 20.16q20.46 4.23 36.34 13.19 15.89 8.96 29.96 23.88l20.7-8.38q5.46-2 10.69-.65 5.23 1.34 8.46 6.57l6.31 10q4 5.23 2.77 11.08t-6.23 10.08l-16.85 14.38q8.15 22 7.77 41.77-.38 19.77-8.54 40.23l16.85 13.62q3.46 2.69 5.84 8.92 2.39 6.23-2.38 13l-5.54 9.23q-3.23 5.23-8.46 6.58-5.23 1.34-10.69-.66l-20.7-8.38q-14.07 14.92-29.19 23.5-15.11 8.58-37.11 13.58l-2.85 20.15q-1.23 6.23-5.35 10.35-4.11 4.11-10.57 4.11h-11.08q-6.46 0-10.58-4.11-4.11-4.12-5.34-10.35l-2.85-20.15ZM691.77-260q35.31 0 60.73-25.42 25.42-25.43 25.42-60.73 0-35.31-25.42-60.73-25.42-25.43-60.73-25.43-35.31 0-60.73 25.43-25.42 25.42-25.42 60.73 0 35.3 25.42 60.73Q656.46-260 691.77-260Z" />
+  </svg>
+);
+WizIInboxCustomize.displayName = "WizIInboxCustomize";
diff --git a/packages/wiz-ui-react/src/components/icons/index.ts b/packages/wiz-ui-react/src/components/icons/index.ts
@@ -57,12 +57,14 @@ import { WizIHelp } from "./help";
 import { WizIHistory } from "./history";
 import { WizIHome } from "./home";
 import { WizIHourglassTop } from "./hourglass-top";
+import { WizIInboxCustomize } from "./inbox-customize";
 import { WizIInfo } from "./info";
 import { WizIInfoBold } from "./info-bold";
 import { WizIInfoFilled } from "./info-filled";
 import { WizILocationCity } from "./location-city";
 import { WizILocationOn } from "./location-on";
 import { WizILogin } from "./login";
+import { WizIMail } from "./mail";
 import { WizIManageAccounts } from "./manage-accounts";
 import { WizIMenu } from "./menu";
 import { WizIMenuOpen } from "./menu-open";
@@ -153,12 +155,14 @@ export type TIcon =
   | typeof WizIHistory
   | typeof WizIHome
   | typeof WizIHourglassTop
+  | typeof WizIInboxCustomize
   | typeof WizIInfoBold
   | typeof WizIInfoFilled
   | typeof WizIInfo
   | typeof WizILocationCity
   | typeof WizILocationOn
   | typeof WizILogin
+  | typeof WizIMail
   | typeof WizIManageAccounts
   | typeof WizIMenuOpen
   | typeof WizIMenu
@@ -249,12 +253,14 @@ export {
   WizIHistory,
   WizIHome,
   WizIHourglassTop,
+  WizIInboxCustomize,
   WizIInfoBold,
   WizIInfoFilled,
   WizIInfo,
   WizILocationCity,
   WizILocationOn,
   WizILogin,
+  WizIMail,
   WizIManageAccounts,
   WizIMenuOpen,
   WizIMenu,

diff --git a/packages/wiz-ui-react/src/components/icons/mail.tsx b/packages/wiz-ui-react/src/components/icons/mail.tsx
@@ -0,0 +1,18 @@
+import { CSSProperties } from "react";
+type Props = {
+  className?: string;
+  style?: CSSProperties;
+};
+export const WizIMail = ({ className, style }: Props) => (
+  <svg
+    className={className}
+    style={style}
+    xmlns="http://www.w3.org/2000/svg"
+    height="1em"
+    viewBox="0 -960 960 960"
+    width="1em"
+  >
+    <path d="M184.62-200q-27.62 0-46.12-18.5Q120-237 120-264.62v-430.76q0-27.62 18.5-46.12Q157-760 184.62-760h590.76q27.62 0 46.12 18.5Q840-723 840-695.38v430.76q0 27.62-18.5 46.12Q803-200 775.38-200H184.62ZM800-684.62 497.92-486.85q-4.23 2.23-8.57 3.73-4.35 1.5-9.35 1.5t-9.35-1.5q-4.34-1.5-8.57-3.73L160-684.62v420q0 10.77 6.92 17.7 6.93 6.92 17.7 6.92h590.76q10.77 0 17.7-6.92 6.92-6.93 6.92-17.7v-420ZM480-520l307.69-200H172.31L480-520ZM160-684.62v8.47-32.47 1.39V-720v12.77-2.04 33.12-8.47V-240v-444.62Z" />
+  </svg>
+);
+WizIMail.displayName = "WizIMail";