@mirai/ui 1.1.16 → 2.0.1

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

@@ -2,23 +2,25 @@
 
 exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow visible"
     data-testid="mirai-onClose-overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
       data-testid="mirai-onClose"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           data-testid="mirai-onClose-button-close"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -39,47 +41,50 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> Mobile environment prop:visible 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow visible"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth mirai"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:children 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
       <span
@@ -87,56 +92,60 @@ exports[`component:<Modal> prop:children 1`] = `
       >
         children
       </span>
-    </div>
-  </div>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:fit 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:mobileBehavior 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:onBack 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow visible"
     data-testid="mirai-onBack-overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
       data-testid="mirai-onBack"
     >
-      <div
+      <ui_view
         class="view row header hideClose"
       >
         <button
           class="pressable button small squared transparent"
           data-testid="mirai-onBack-button-back"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -156,33 +165,35 @@ exports[`component:<Modal> prop:onBack 1`] = `
                 d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:onClose 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow visible"
     data-testid="mirai-onClose-overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
       data-testid="mirai-onClose"
     >
-      <div
+      <ui_view
         class="view row header hideBack"
       >
         <button
           class="pressable button small squared transparent button"
           data-testid="mirai-onClose-button-close"
+          tabindex="0"
         >
-          <span
+          <ui_icon
             class="icon headline-3 icon"
           >
             <svg
@@ -203,141 +214,164 @@ exports[`component:<Modal> prop:onClose 1`] = `
                 d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
-          </span>
+          </ui_icon>
         </button>
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:onOverflow 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow visible onOverflow"
     data-testid="mirai-onOverflow-overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
       data-testid="mirai-onOverflow"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:portal 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:title 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     >
-      <div
+      <ui_view
         class="view row header hideBack hideClose"
       >
-        <span
+        <ui_text
           class="text paragraph title"
         >
           Modal
-        </span>
-      </div>
-    </div>
-  </div>
+        </ui_text>
+      </ui_view>
+    </ui_view>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:visible & prop:blur 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow blur visible"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:visible & prop:onOverflow 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow visible onOverflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:visible & prop:overflow (false) 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container visible"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> prop:visible renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow visible"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth visible"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
     />
-  </div>
+  </ui_modal_overflow>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> tag 1`] = `
+<DocumentFragment>
+  <ui_tag_overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="0"
+  >
+    <ui_tag
+      class="view fit modal calcWidth"
+    />
+  </ui_tag_overflow>
 </DocumentFragment>
 `;
 
 exports[`component:<Modal> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_modal_overflow
     class="pressable container overflow"
     data-testid="mirai-overflow"
     style="height: 768px;"
+    tabindex="0"
   >
-    <div
+    <ui_view
       class="view fit modal calcWidth"
       data-testid="mirai"
     />
-  </div>
+  </ui_modal_overflow>
 </DocumentFragment>
 `;

package/build/components/Notification/Notification.js

@@ -32,6 +32,7 @@ var Notification = function Notification(_ref) {
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     row: true,
     role: others.role || 'notification',
+    tag: others.tag || 'notification',
     className: (0, _helpers.styles)(_NotificationModule.default.notification, contrast ? _NotificationModule.default.contrast : error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, large ? _NotificationModule.default.large : small ? _NotificationModule.default.small : undefined, wide && _NotificationModule.default.wide, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     headline: large,

package/build/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","contrast","error","info","inline","large","small","success","title","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","texts","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","string","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  contrast,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  title,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    className={styles(\n      style.notification,\n      contrast\n        ? style.contrast\n        : error\n        ? style.error\n        : warning\n        ? style.warning\n        : success\n        ? style.success\n        : info\n        ? style.info\n        : undefined,\n      inline ? style.inline : style.outlined,\n      large ? style.large : small ? style.small : undefined,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={getIconState({ error, success, warning })} />\n\n    <View className={style.texts}>\n      {title && (\n        <Text action={small} bold headline={large}>\n          {title}\n        </Text>\n      )}\n      {children && (\n        <Text action={!small && !large} small={small}>\n          {children}\n        </Text>\n      )}\n    </View>\n\n    {!inline && !large && onClose && (\n      <Pressable onPress={onClose} testId={others.testId ? `${others.testId}-button-close` : undefined}>\n        <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={ICON.CLOSE} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  contrast: PropTypes.bool,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  title: PropTypes.string,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}
+{"version":3,"file":"Notification.js","names":["Notification","children","contrast","error","info","inline","large","small","success","title","warning","wide","onClose","others","role","tag","styles","style","notification","undefined","outlined","className","getIconState","texts","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","string","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  contrast,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  title,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    tag={others.tag || 'notification'}\n    className={styles(\n      style.notification,\n      contrast\n        ? style.contrast\n        : error\n        ? style.error\n        : warning\n        ? style.warning\n        : success\n        ? style.success\n        : info\n        ? style.info\n        : undefined,\n      inline ? style.inline : style.outlined,\n      large ? style.large : small ? style.small : undefined,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={getIconState({ error, success, warning })} />\n\n    <View className={style.texts}>\n      {title && (\n        <Text action={small} bold headline={large}>\n          {title}\n        </Text>\n      )}\n      {children && (\n        <Text action={!small && !large} small={small}>\n          {children}\n        </Text>\n      )}\n    </View>\n\n    {!inline && !large && onClose && (\n      <Pressable onPress={onClose} testId={others.testId ? `${others.testId}-button-close` : undefined}>\n        <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={ICON.CLOSE} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  contrast: PropTypes.bool,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  title: PropTypes.string,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}