@mirai/ui 1.1.0-d → 1.1.1

package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap

@@ -2,13 +2,13 @@
 
 exports[`component:<InputSelect> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer mirai"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -41,9 +41,9 @@ exports[`component:<InputSelect> inherit:className 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -60,29 +60,29 @@ exports[`component:<InputSelect> inherit:className 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:caption 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_text
+      <span
         class="text action lighten caption"
       >
         caption
-      </ui_text>
-      <ui_view
+      </span>
+      <div
         class="view wide content"
       >
         <select
@@ -115,9 +115,9 @@ exports[`component:<InputSelect> prop:caption 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -134,24 +134,24 @@ exports[`component:<InputSelect> prop:caption 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:disabled 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder disabled"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -185,21 +185,21 @@ exports[`component:<InputSelect> prop:disabled 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:error 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -232,9 +232,9 @@ exports[`component:<InputSelect> prop:error 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -251,24 +251,24 @@ exports[`component:<InputSelect> prop:error 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:hint 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -301,9 +301,9 @@ exports[`component:<InputSelect> prop:hint 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -320,36 +320,36 @@ exports[`component:<InputSelect> prop:hint 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-    <ui_text
+      </span>
+    </div>
+    <span
       class="text small text hint"
     >
       hint
-    </ui_text>
-  </ui_view>
+    </span>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:label 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
-        <ui_text
+        <span
           class="text paragraph text label"
         >
           label
-        </ui_text>
+        </span>
         <select
           class="select empty input withLabel empty"
           name="name"
@@ -380,9 +380,9 @@ exports[`component:<InputSelect> prop:label 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -399,27 +399,27 @@ exports[`component:<InputSelect> prop:label 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
-        <ui_text
+        <span
           class="text paragraph text label"
         >
           label
@@ -428,7 +428,7 @@ exports[`component:<InputSelect> prop:required & prop:showRequired (true) 1`] =
           >
              *
           </span>
-        </ui_text>
+        </span>
         <select
           class="select empty input withLabel empty"
           name="name"
@@ -460,9 +460,9 @@ exports[`component:<InputSelect> prop:required & prop:showRequired (true) 1`] =
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -479,31 +479,31 @@ exports[`component:<InputSelect> prop:required & prop:showRequired (true) 1`] =
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:required 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
-        <ui_text
+        <span
           class="text paragraph text label"
         >
           label
-        </ui_text>
+        </span>
         <select
           class="select empty input withLabel empty"
           name="name"
@@ -535,9 +535,9 @@ exports[`component:<InputSelect> prop:required 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -554,24 +554,24 @@ exports[`component:<InputSelect> prop:required 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:success 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder disabled"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -605,21 +605,21 @@ exports[`component:<InputSelect> prop:success 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-    </ui_view>
-  </ui_view>
+      </div>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:value 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -652,9 +652,9 @@ exports[`component:<InputSelect> prop:value 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -671,24 +671,24 @@ exports[`component:<InputSelect> prop:value 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> prop:warning 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -721,9 +721,9 @@ exports[`component:<InputSelect> prop:warning 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -740,12 +740,12 @@ exports[`component:<InputSelect> prop:warning 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-      <ui_icon
-        class="icon h3 icon warning"
+      </span>
+      <span
+        class="icon headline-3 icon warning"
       >
         <svg
           fill="currentColor"
@@ -757,24 +757,24 @@ exports[`component:<InputSelect> prop:warning 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+            d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> renders 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -807,9 +807,9 @@ exports[`component:<InputSelect> renders 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -826,24 +826,24 @@ exports[`component:<InputSelect> renders 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`component:<InputSelect> testId 1`] = `
 <DocumentFragment>
-  <ui_view
+  <div
     class="view inputContainer"
   >
-    <ui_view
+    <div
       class="view row inputBorder"
     >
-      <ui_view
+      <div
         class="view wide content"
       >
         <select
@@ -877,9 +877,9 @@ exports[`component:<InputSelect> testId 1`] = `
             five
           </option>
         </select>
-      </ui_view>
-      <ui_icon
-        class="icon h3 icon select"
+      </div>
+      <span
+        class="icon headline-3 icon expand"
       >
         <svg
           fill="currentColor"
@@ -896,11 +896,11 @@ exports[`component:<InputSelect> testId 1`] = `
             opacity=".87"
           />
           <path
-            d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_view>
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;

package/build/components/InputSelect/partials/InputSelect.Expand.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Expand = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("../../../helpers");
+var _primitives = require("../../../primitives");
+var _theme = require("../../../theme");
+var _InputTextModule = _interopRequireDefault(require("../../InputText/InputText.module.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Expand = function Expand() {
+  var defaultDirection = _theme.Theme.getDirection() === _theme.DIRECTION_TYPE.LEFT;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    value: _primitives.ICON.EXPAND_MORE,
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.expand, !defaultDirection && _InputTextModule.default.reverse)
+  });
+};
+exports.Expand = Expand;
+Expand.displayName = 'Component:InputSelect.Expand';
+Expand.propTypes = {};
+//# sourceMappingURL=InputSelect.Expand.js.map

package/build/components/InputSelect/partials/InputSelect.Expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSelect.Expand.js","names":["Expand","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","ICON","EXPAND_MORE","styles","style","icon","expand","reverse","displayName","propTypes"],"sources":["../../../../src/components/InputSelect/partials/InputSelect.Expand.jsx"],"sourcesContent":["import React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Icon, ICON } from '../../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../../theme';\nimport style from '../../InputText/InputText.module.css';\n\nconst Expand = () => {\n  const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n\n  return (\n    <Icon value={ICON.EXPAND_MORE} className={styles(style.icon, style.expand, !defaultDirection && style.reverse)} />\n  );\n};\n\nExpand.displayName = 'Component:InputSelect.Expand';\n\nExpand.propTypes = {};\n\nexport { Expand };\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAyD;AAEzD,IAAMA,MAAM,GAAG,SAATA,MAAM,GAAS;EACnB,IAAMC,gBAAgB,GAAGC,YAAK,CAACC,YAAY,EAAE,KAAKC,qBAAc,CAACC,IAAI;EAErE,oBACE,6BAAC,gBAAI;IAAC,KAAK,EAAEC,gBAAI,CAACC,WAAY;IAAC,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,IAAI,EAAED,wBAAK,CAACE,MAAM,EAAE,CAACV,gBAAgB,IAAIQ,wBAAK,CAACG,OAAO;EAAE,EAAG;AAEtH,CAAC;AAAC;AAEFZ,MAAM,CAACa,WAAW,GAAG,8BAA8B;AAEnDb,MAAM,CAACc,SAAS,GAAG,CAAC,CAAC"}

package/build/components/InputSelect/partials/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InputSelect = require("./InputSelect.Expand");
+Object.keys(_InputSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputSelect[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/InputSelect/partials/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/InputSelect/partials/index.js"],"sourcesContent":["export * from './InputSelect.Expand';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}