@mirai/ui 1.0.60 → 1.0.61

package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap

@@ -4,6 +4,16 @@ exports[`primitive:<Icon> inherit:className 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3 mirai"
+    name="Left"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (ACCOUNT) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
   >
     <svg
       fill="currentColor"
@@ -19,25 +29,126 @@ exports[`primitive:<Icon> inherit:className 1`] = `
         fill="none"
       />
       <path
-        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78C15.57 19.36 13.86 20 12 20s-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33A7.95 7.95 0 014 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83zM12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
       />
     </svg>
   </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:name (invalid) 1`] = `
+exports[`primitive:<Icon> prop:value prop:value (ADD) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-  />
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (BED) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M21 10.78V8c0-1.65-1.35-3-3-3h-4c-.77 0-1.47.3-2 .78-.53-.48-1.23-.78-2-.78H6C4.35 5 3 6.35 3 8v2.78c-.61.55-1 1.34-1 2.22v6h2v-2h16v2h2v-6c0-.88-.39-1.67-1-2.22zM14 7h4c.55 0 1 .45 1 1v2h-6V8c0-.55.45-1 1-1zM5 8c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v2H5V8zm-1 7v-2c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v2H4z"
+      />
+    </svg>
+  </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> prop:name 1`] = `
+exports[`primitive:<Icon> prop:value prop:value (CALENDAR) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (CHECK) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (CLOSE) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
   >
     <svg
       fill="currentColor"
@@ -60,10 +171,11 @@ exports[`primitive:<Icon> prop:name 1`] = `
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> renders 1`] = `
+exports[`primitive:<Icon> prop:value prop:value (DOWN) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
+    name="Left"
   >
     <svg
       fill="currentColor"
@@ -79,18 +191,177 @@ exports[`primitive:<Icon> renders 1`] = `
         fill="none"
       />
       <path
-        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+        d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
       />
     </svg>
   </span>
 </DocumentFragment>
 `;
 
-exports[`primitive:<Icon> testID 1`] = `
+exports[`primitive:<Icon> prop:value prop:value (ERROR) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    data-testid="mirai"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (EXPAND_LESS) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (EXPAND_MORE) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M24 24H0V0h24v24z"
+        fill="none"
+        opacity=".87"
+      />
+      <path
+        d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (EYE_CLOSE) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (EYE_OPEN) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M12 6a9.77 9.77 0 018.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0112 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 010 5 2.5 2.5 0 010-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (INFO) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (LEFT) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
   >
     <svg
       fill="currentColor"
@@ -112,3 +383,241 @@ exports[`primitive:<Icon> testID 1`] = `
   </span>
 </DocumentFragment>
 `;
+
+exports[`primitive:<Icon> prop:value prop:value (LIST) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M11 7h6v2h-6zm0 4h6v2h-6zm0 4h6v2h-6zM7 7h2v2H7zm0 4h2v2H7zm0 4h2v2H7zM20.1 3H3.9c-.5 0-.9.4-.9.9v16.2c0 .4.4.9.9.9h16.2c.4 0 .9-.5.9-.9V3.9c0-.5-.5-.9-.9-.9zM19 19H5V5h14v14z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (LOCK) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        fill="none"
+      >
+        <path
+          d="M0 0h24v24H0V0z"
+        />
+        <path
+          d="M0 0h24v24H0V0z"
+          opacity=".87"
+        />
+      </g>
+      <path
+        d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (PERSON) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (REMOVE) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M19 13H5v-2h14v2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (RIGHT) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (SUCCESS) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (UP) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:value prop:value (WARNING) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> renders 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    name="Left"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> testID 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+    data-testid="mirai"
+    name="Left"
+  />
+</DocumentFragment>
+`;

package/build/primitives/Icon/index.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  ICONS: true
+  ICON: true
 };
-Object.defineProperty(exports, "ICONS", {
+Object.defineProperty(exports, "ICON", {
   enumerable: true,
   get: function get() {
-    return _Icon2.ICONS;
+    return _Icon2.ICON;
   }
 });
 

package/build/primitives/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Icon/index.js"],"sourcesContent":["export * from './Icon';\nexport { ICONS } from './Icon.constants';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Icon/index.js"],"sourcesContent":["export * from './Icon';\nexport { ICON } from './Icon.constants';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.60",
+  "version": "1.0.61",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",

package/build/helpers/getIconName.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIconName = void 0;
-
-var getIconName = function getIconName() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      error = _ref.error,
-      success = _ref.success,
-      warning = _ref.warning;
-
-  return error ? 'Error' : warning ? 'Warning' : success ? 'Success' : 'Info';
-};
-
-exports.getIconName = getIconName;
-//# sourceMappingURL=getIconName.js.map

package/build/helpers/getIconName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getIconName.js","names":["getIconName","error","success","warning"],"sources":["../../src/helpers/getIconName.js"],"sourcesContent":["export const getIconName = ({ error, success, warning } = {}) =>\n  error ? 'Error' : warning ? 'Warning' : success ? 'Success' : 'Info';\n"],"mappings":";;;;;;;AAAO,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,+EAA+B,EAA/B;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,IAAUC,OAAV,QAAUA,OAAV;EAAA,IAAmBC,OAAnB,QAAmBA,OAAnB;;EAAA,OACzBF,KAAK,GAAG,OAAH,GAAaE,OAAO,GAAG,SAAH,GAAeD,OAAO,GAAG,SAAH,GAAe,MADrC;AAAA,CAApB"}