@mirai/ui 1.0.67 → 1.0.69

package/build/components/Action/Action.stories.js

@@ -26,7 +26,7 @@ Story.args = _defineProperty({
   disabled: false,
   large: false,
   small: false,
-  tag: 'Button',
+  tag: 'button',
   wide: false
 }, 'data-testid', 'test-story');
 Story.argTypes = {

package/build/components/Action/Action.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","disabled","large","small","tag","wide","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Action } from './Action';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n  children: 'children',\n  disabled: false,\n  large: false,\n  small: false,\n  tag: 'Button',\n  wide: false,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAE;AAAK,GACV,aAAa,EAAG,YAAY,CAC9B;AAEDT,KAAK,CAACU,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","disabled","large","small","tag","wide","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Action } from './Action';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n  children: 'children',\n  disabled: false,\n  large: false,\n  small: false,\n  tag: 'button',\n  wide: false,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAE;AAAK,GACV,aAAa,EAAG,YAAY,CAC9B;AAEDT,KAAK,CAACU,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}

package/build/components/InputOption/InputOption.module.css

@@ -11,6 +11,7 @@
   left: 0;
   margin: calc(calc(var(--mirai-ui-checkbox-size) - var(--mirai-ui-input-text-icon)) / 2);
   position: absolute;
+  pointer-events: none;
   top: 0;
 }
 

package/build/components/Notification/Notification.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _NotificationModule = _interopRequireDefault(require("./Notification.module.css"));
-var _excluded = ["children", "error", "inline", "small", "success", "warning", "onClose"];
+var _excluded = ["children", "error", "inline", "large", "small", "success", "warning", "onClose"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -19,6 +19,7 @@ var Notification = function Notification(_ref) {
     error = _ref.error,
     _ref$inline = _ref.inline,
     inline = _ref$inline === void 0 ? false : _ref$inline,
+    large = _ref.large,
     small = _ref.small,
     success = _ref.success,
     warning = _ref.warning,
@@ -26,20 +27,22 @@ var Notification = function Notification(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     row: true,
-    className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, inline && _NotificationModule.default.inline, small && _NotificationModule.default.small, others.className)
+    className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, inline && _NotificationModule.default.inline, large ? _NotificationModule.default.large : small && _NotificationModule.default.small, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    headline: large,
+    level: large ? 1 : undefined,
+    paragraph: small,
     value: (0, _helpers.getIconState)({
       error: error,
       success: success,
       warning: warning
     }),
-    paragraph: small,
-    className: (0, _helpers.styles)(_NotificationModule.default.icon, small && _NotificationModule.default.small)
+    className: _NotificationModule.default.icon
   }), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     small: small,
     className: (0, _helpers.styles)(_NotificationModule.default.text, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : undefined)
-  }, children), onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
-    className: (0, _helpers.styles)(_NotificationModule.default.pressable, _NotificationModule.default.icon, small && _NotificationModule.default.small),
+  }, children), !large && onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    className: (0, _helpers.styles)(_NotificationModule.default.pressable, _NotificationModule.default.icon),
     onPress: onClose
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.CLOSE,
@@ -52,6 +55,7 @@ Notification.propTypes = {
   children: _propTypes.default.string.isRequired,
   error: _propTypes.default.bool,
   inline: _propTypes.default.bool,
+  large: _propTypes.default.bool,
   small: _propTypes.default.bool,
   success: _propTypes.default.bool,
   warning: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","small","success","warning","onClose","others","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","ICON","CLOSE","displayName","propTypes","PropTypes","string","isRequired","bool","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 = ({ children, error, inline = false, small, success, warning, onClose, ...others }) => (\n  <View\n    {...others}\n    row\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      inline ? style.inline : style.outlined,\n      inline && style.inline,\n      small && style.small,\n      others.className,\n    )}\n  >\n    <Icon\n      value={getIconState({ error, success, warning })}\n      paragraph={small}\n      className={styles(style.icon, small && style.small)}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {onClose && (\n      <Pressable className={styles(style.pressable, style.icon, small && style.small)} onPress={onClose}>\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n  inline: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAE9C,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBAClG,6BAAC,gBAAI,eACCA,MAAM;IACV,GAAG;IACH,SAAS,EAAE,IAAAC,eAAM,EACfC,2BAAK,CAACC,YAAY,EAClBT,KAAK,GAAGQ,2BAAK,CAACR,KAAK,GAAGI,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS,EACnFT,MAAM,GAAGO,2BAAK,CAACP,MAAM,GAAGO,2BAAK,CAACG,QAAQ,EACtCV,MAAM,IAAIO,2BAAK,CAACP,MAAM,EACtBC,KAAK,IAAIM,2BAAK,CAACN,KAAK,EACpBI,MAAM,CAACM,SAAS;EAChB,iBAEF,6BAAC,gBAAI;IACH,KAAK,EAAE,IAAAC,qBAAY,EAAC;MAAEb,KAAK,EAALA,KAAK;MAAEG,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAE;IACjD,SAAS,EAAEF,KAAM;IACjB,SAAS,EAAE,IAAAK,eAAM,EAACC,2BAAK,CAACM,IAAI,EAAEZ,KAAK,IAAIM,2BAAK,CAACN,KAAK;EAAE,EACpD,eACF,6BAAC,gBAAI;IACH,KAAK,EAAEA,KAAM;IACb,SAAS,EAAE,IAAAK,eAAM,EACfC,2BAAK,CAACO,IAAI,EACVf,KAAK,GAAGQ,2BAAK,CAACR,KAAK,GAAGI,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS;EACnF,GAEDX,QAAQ,CACJ,EACNM,OAAO,iBACN,6BAAC,qBAAS;IAAC,SAAS,EAAE,IAAAE,eAAM,EAACC,2BAAK,CAACQ,SAAS,EAAER,2BAAK,CAACM,IAAI,EAAEZ,KAAK,IAAIM,2BAAK,CAACN,KAAK,CAAE;IAAC,OAAO,EAAEG;EAAQ,gBAChG,6BAAC,gBAAI;IAAC,KAAK,EAAEY,gBAAI,CAACC,KAAM;IAAC,SAAS,EAAEhB;EAAM,EAAG,CAEhD,CACI;AAAA,CACR;AAAC;AAEFJ,YAAY,CAACqB,WAAW,GAAG,wBAAwB;AAEnDrB,YAAY,CAACsB,SAAS,GAAG;EACvBrB,QAAQ,EAAEsB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCvB,KAAK,EAAEqB,kBAAS,CAACG,IAAI;EACrBvB,MAAM,EAAEoB,kBAAS,CAACG,IAAI;EACtBtB,KAAK,EAAEmB,kBAAS,CAACG,IAAI;EACrBrB,OAAO,EAAEkB,kBAAS,CAACG,IAAI;EACvBpB,OAAO,EAAEiB,kBAAS,CAACG,IAAI;EACvBnB,OAAO,EAAEgB,kBAAS,CAACI;AACrB,CAAC"}
+{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","large","small","success","warning","onClose","others","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","ICON","CLOSE","displayName","propTypes","PropTypes","string","isRequired","bool","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 = ({ children, error, inline = false, large, small, success, warning, onClose, ...others }) => (\n  <View\n    {...others}\n    row\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      inline ? style.inline : style.outlined,\n      inline && style.inline,\n      large ? style.large : small && style.small,\n      others.className,\n    )}\n  >\n    <Icon\n      headline={large}\n      level={large ? 1 : undefined}\n      paragraph={small}\n      value={getIconState({ error, success, warning })}\n      className={style.icon}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {!large && onClose && (\n      <Pressable className={styles(style.pressable, style.icon)} onPress={onClose}>\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAE9C,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBACzG,6BAAC,gBAAI,eACCA,MAAM;IACV,GAAG;IACH,SAAS,EAAE,IAAAC,eAAM,EACfC,2BAAK,CAACC,YAAY,EAClBV,KAAK,GAAGS,2BAAK,CAACT,KAAK,GAAGK,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS,EACnFV,MAAM,GAAGQ,2BAAK,CAACR,MAAM,GAAGQ,2BAAK,CAACG,QAAQ,EACtCX,MAAM,IAAIQ,2BAAK,CAACR,MAAM,EACtBC,KAAK,GAAGO,2BAAK,CAACP,KAAK,GAAGC,KAAK,IAAIM,2BAAK,CAACN,KAAK,EAC1CI,MAAM,CAACM,SAAS;EAChB,iBAEF,6BAAC,gBAAI;IACH,QAAQ,EAAEX,KAAM;IAChB,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAGS,SAAU;IAC7B,SAAS,EAAER,KAAM;IACjB,KAAK,EAAE,IAAAW,qBAAY,EAAC;MAAEd,KAAK,EAALA,KAAK;MAAEI,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAE;IACjD,SAAS,EAAEI,2BAAK,CAACM;EAAK,EACtB,eACF,6BAAC,gBAAI;IACH,KAAK,EAAEZ,KAAM;IACb,SAAS,EAAE,IAAAK,eAAM,EACfC,2BAAK,CAACO,IAAI,EACVhB,KAAK,GAAGS,2BAAK,CAACT,KAAK,GAAGK,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS;EACnF,GAEDZ,QAAQ,CACJ,EACN,CAACG,KAAK,IAAII,OAAO,iBAChB,6BAAC,qBAAS;IAAC,SAAS,EAAE,IAAAE,eAAM,EAACC,2BAAK,CAACQ,SAAS,EAAER,2BAAK,CAACM,IAAI,CAAE;IAAC,OAAO,EAAET;EAAQ,gBAC1E,6BAAC,gBAAI;IAAC,KAAK,EAAEY,gBAAI,CAACC,KAAM;IAAC,SAAS,EAAEhB;EAAM,EAAG,CAEhD,CACI;AAAA,CACR;AAAC;AAEFL,YAAY,CAACsB,WAAW,GAAG,wBAAwB;AAEnDtB,YAAY,CAACuB,SAAS,GAAG;EACvBtB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCxB,KAAK,EAAEsB,kBAAS,CAACG,IAAI;EACrBxB,MAAM,EAAEqB,kBAAS,CAACG,IAAI;EACtBvB,KAAK,EAAEoB,kBAAS,CAACG,IAAI;EACrBtB,KAAK,EAAEmB,kBAAS,CAACG,IAAI;EACrBrB,OAAO,EAAEkB,kBAAS,CAACG,IAAI;EACvBpB,OAAO,EAAEiB,kBAAS,CAACG,IAAI;EACvBnB,OAAO,EAAEgB,kBAAS,CAACI;AACrB,CAAC"}

package/build/components/Notification/Notification.module.css

@@ -11,6 +11,11 @@
   width: 100%;
 }
 
+.notification.large {
+  flex-direction: column;
+  align-items: center;
+}
+
 .notification.outlined.small {
   padding: var(--mirai-ui-notification-padding-small);
 }
@@ -46,24 +51,43 @@
   color: var(--mirai-ui-warning);
 }
 
-.notification:not(.small) .text {
+.notification:not(.large):not(.small) .text {
   margin-left: var(--mirai-ui-notification-padding);
   margin-right: var(--mirai-ui-notification-padding);
 }
 
+.notification.large .text {
+  margin-bottom: var(--mirai-ui-notification-padding);
+  margin-top: var(--mirai-ui-notification-padding);
+}
+
 .notification.small .text {
   margin-left: var(--mirai-ui-notification-padding-small);
   margin-right: var(--mirai-ui-notification-padding-small);
 }
 
-.outlined .text {
+.notification.outlined .text {
   flex: 1;
 }
 
-.notification .icon {
+.notification.large:not(.outlined) .text {
+  color: var(--mirai-ui-content);
+}
+
+.notification:not(.large):not(.small) .icon {
   margin-top: calc(calc(var(--mirai-ui-line-height-headline-3) - var(--mirai-ui-font-size-headline-3)) / 2);
 }
 
-.notification .icon.small {
+.notification.large .icon {
+  font-size: var(--mirai-ui-space-XL);
+  line-height: var(--mirai-ui-space-XL);
+  height: var(--mirai-ui-space-XL);
+  width: var(--mirai-ui-space-XL);
+}
+
+.notification.small .icon {
   margin-top: calc(calc(var(--mirai-ui-line-height-small) - var(--mirai-ui-font-size-paragraph)) / 2);
 }
+
+.notification .icon.small {
+}

package/build/components/Notification/Notification.stories.js

@@ -25,6 +25,7 @@ Story.args = _defineProperty({
   children: 'children',
   error: false,
   inline: false,
+  large: false,
   small: false,
   success: false,
   warning: false

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.js","names":["title","Story","props","storyName","args","children","error","inline","small","success","warning","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Notification {...props} />;\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'children',\n  error: false,\n  inline: false,\n  small: false,\n  success: false,\n  warning: false,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,0BAAY,EAAKA,KAAK,CAAI;AAAA;AAAC;AAE5DD,KAAK,CAACE,SAAS,GAAG,cAAc;AAEhCF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE;AAAK,GACb,aAAa,EAAG,YAAY,CAC9B;AAEDT,KAAK,CAACU,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Notification.stories.js","names":["title","Story","props","storyName","args","children","error","inline","large","small","success","warning","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Notification {...props} />;\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'children',\n  error: false,\n  inline: false,\n  large: false,\n  small: false,\n  success: false,\n  warning: false,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,0BAAY,EAAKA,KAAK,CAAI;AAAA;AAAC;AAE5DD,KAAK,CAACE,SAAS,GAAG,cAAc;AAEhCF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE;AAAK,GACb,aAAa,EAAG,YAAY,CAC9B;AAEDV,KAAK,CAACW,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}

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

@@ -105,6 +105,76 @@ exports[`component:<Notification> prop:inline 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<Notification> prop:large & prop:inline 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification inline inline large"
+  >
+    <span
+      class="icon headline-1 icon"
+    >
+      <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>
+    <span
+      class="text paragraph text"
+    >
+      Lorem Ipsum...
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Notification> prop:large 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification outlined large"
+  >
+    <span
+      class="icon headline-1 icon"
+    >
+      <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>
+    <span
+      class="text paragraph text"
+    >
+      Lorem Ipsum...
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<Notification> prop:onClose 1`] = `
 <DocumentFragment>
   <div
@@ -171,7 +241,7 @@ exports[`component:<Notification> prop:small & prop:inline 1`] = `
     class="view row notification inline inline small"
   >
     <span
-      class="icon paragraph icon small"
+      class="icon paragraph icon"
     >
       <svg
         fill="currentColor"
@@ -206,7 +276,7 @@ exports[`component:<Notification> prop:small 1`] = `
     class="view row notification outlined small"
   >
     <span
-      class="icon paragraph icon small"
+      class="icon paragraph icon"
     >
       <svg
         fill="currentColor"

package/build/components/Table/Table.Row.js

@@ -19,6 +19,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];
 var TableRow = function TableRow(_ref) {
   var dataSource = _ref.dataSource,
     schema = _ref.schema,
@@ -33,28 +34,31 @@ var TableRow = function TableRow(_ref) {
   var fields = Object.keys(schema);
   var tag = isHead ? 'th' : 'td';
   var testId = others['data-testid'];
+  var handlePress = function handlePress(field, event) {
+    var _event$target = event.target;
+    _event$target = _event$target === void 0 ? {} : _event$target;
+    var type = _event$target.type;
+    if (CUSTOM_EVENT_TYPES.includes(type)) return;
+    isHead ? onSort(field) : onPress && onPress(dataSource, event);
+  };
   return /*#__PURE__*/_react.default.createElement("tr", _extends({}, others, {
     role: "tr",
     className: (0, _helpers.styles)(selected && _TableModule.default.selected, onPress && _TableModule.default.onPress)
   }), fields.map(function (field, index) {
     var _React$createElement;
-    return /*#__PURE__*/_react.default.createElement(tag, (_React$createElement = {}, _defineProperty(_React$createElement, 'data-testid', testId ? "".concat(testId, "-").concat(field) : undefined), _defineProperty(_React$createElement, "key", field), _defineProperty(_React$createElement, "onClick", !isHead && onPress ? function () {
-      return onPress(dataSource);
-    } : undefined), _React$createElement), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    return /*#__PURE__*/_react.default.createElement(tag, (_React$createElement = {}, _defineProperty(_React$createElement, 'data-testid', testId ? "".concat(testId, "-").concat(field) : undefined), _defineProperty(_React$createElement, "key", field), _defineProperty(_React$createElement, "onClick", function onClick(event) {
+      return handlePress(field, event);
+    }), _React$createElement), /*#__PURE__*/_react.default.createElement(_primitives.View, {
       row: true,
-      tag: "span",
-      className: isHead && _TableModule.default.head,
-      onClick: isHead ? function () {
-        return onSort(field);
-      } : undefined
+      tag: "span"
     }, onSelect && index === 0 && /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
       checked: selected,
       "data-testid": testId ? "".concat(testId, "-checkbox") : undefined,
       disabled: isHead,
       name: "checkbox",
       className: _TableModule.default.checkbox,
-      onChange: function onChange() {
-        return onSelect(dataSource);
+      onChange: function onChange(event) {
+        return onSelect(dataSource, event);
       }
     }), isHead ? schema[field].label : dataSource[field], isHead && onSort && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
       value: sort[field] ? _primitives.ICON.DOWN : _primitives.ICON.UP,

package/build/components/Table/Table.Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.Row.js","names":["TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","styles","style","map","field","index","React","createElement","head","checkbox","label","ICON","DOWN","UP","hideIcon","displayName","propTypes","PropTypes","shape","isRequired","bool","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n  const isHead = dataSource === undefined;\n  const fields = Object.keys(schema);\n  const tag = isHead ? 'th' : 'td';\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <tr {...others} role=\"tr\" className={styles(selected && style.selected, onPress && style.onPress)}>\n      {fields.map((field, index) =>\n        React.createElement(\n          tag,\n          {\n            ['data-testid']: testId ? `${testId}-${field}` : undefined,\n            key: field,\n            onClick: !isHead && onPress ? () => onPress(dataSource) : undefined,\n          },\n          <View row tag=\"span\" className={isHead && style.head} onClick={isHead ? () => onSort(field) : undefined}>\n            {onSelect && index === 0 && (\n              <InputOption\n                checked={selected}\n                data-testid={testId ? `${testId}-checkbox` : undefined}\n                disabled={isHead}\n                name=\"checkbox\"\n                className={style.checkbox}\n                onChange={() => onSelect(dataSource)}\n              />\n            )}\n            {isHead ? schema[field].label : dataSource[field]}\n            {isHead && onSort && (\n              <Icon value={sort[field] ? ICON.DOWN : ICON.UP} className={sort[field] === undefined && style.hideIcon} />\n            )}\n          </View>,\n        ),\n      )}\n    </tr>\n  );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n  dataSource: PropTypes.shape({}),\n  schema: PropTypes.shape({}).isRequired,\n  selected: PropTypes.bool,\n  sort: PropTypes.shape({}),\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"mappings":"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"}
+{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","handlePress","field","event","target","type","includes","styles","style","map","index","React","createElement","checkbox","label","ICON","DOWN","UP","hideIcon","displayName","propTypes","PropTypes","shape","isRequired","bool","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n  const isHead = dataSource === undefined;\n  const fields = Object.keys(schema);\n  const tag = isHead ? 'th' : 'td';\n  const { ['data-testid']: testId } = others;\n\n  const handlePress = (field, event) => {\n    const { target: { type } = {} } = event;\n    if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n    isHead ? onSort(field) : onPress && onPress(dataSource, event);\n  };\n\n  return (\n    <tr {...others} role=\"tr\" className={styles(selected && style.selected, onPress && style.onPress)}>\n      {fields.map((field, index) =>\n        React.createElement(\n          tag,\n          {\n            ['data-testid']: testId ? `${testId}-${field}` : undefined,\n            key: field,\n            onClick: (event) => handlePress(field, event),\n          },\n          <View row tag=\"span\">\n            {onSelect && index === 0 && (\n              <InputOption\n                checked={selected}\n                data-testid={testId ? `${testId}-checkbox` : undefined}\n                disabled={isHead}\n                name=\"checkbox\"\n                className={style.checkbox}\n                onChange={(event) => onSelect(dataSource, event)}\n              />\n            )}\n            {isHead ? schema[field].label : dataSource[field]}\n            {isHead && onSort && (\n              <Icon value={sort[field] ? ICON.DOWN : ICON.UP} className={sort[field] === undefined && style.hideIcon} />\n            )}\n          </View>,\n        ),\n      )}\n    </tr>\n  );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n  dataSource: PropTypes.shape({}),\n  schema: PropTypes.shape({}).isRequired,\n  selected: PropTypes.bool,\n  sort: PropTypes.shape({}),\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"mappings":"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"}

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

@@ -12,7 +12,7 @@ exports[`component:<Table> inherit:className 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -40,7 +40,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -68,7 +68,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -96,7 +96,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -124,7 +124,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -429,7 +429,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             <button
               class="pressable inputOption checkbox"
@@ -473,7 +473,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -501,7 +501,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -529,7 +529,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -557,7 +557,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -1050,7 +1050,7 @@ exports[`component:<Table> prop:search 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -1078,7 +1078,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -1106,7 +1106,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -1134,7 +1134,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -1162,7 +1162,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -1246,7 +1246,7 @@ exports[`component:<Table> renders 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -1274,7 +1274,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -1302,7 +1302,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -1330,7 +1330,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -1358,7 +1358,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -1663,7 +1663,7 @@ exports[`component:<Table> testID 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -1691,7 +1691,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -1719,7 +1719,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -1747,7 +1747,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -1775,7 +1775,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span

package/build/primitives/Checkbox/Checkbox.module.css

@@ -1,5 +1,4 @@
 .checkbox {
-  cursor: pointer;
   height: var(--mirai-ui-checkbox-size);
   position: relative;
   width: var(--mirai-ui-checkbox-size);
@@ -10,6 +9,7 @@
   border: solid var(--mirai-ui-border-width) var(--mirai-ui-checkbox-border-color);
   border-radius: var(--mirai-ui-checkbox-border-radius);
   box-sizing: border-box;
+  cursor: pointer;
   height: var(--mirai-ui-checkbox-size);
   margin: 0;
   outline: none;

package/build/primitives/Radio/Radio.module.css

@@ -1,5 +1,4 @@
 .radio {
-  cursor: pointer;
   position: relative;
   height: var(--mirai-ui-radio-size);
   width: var(--mirai-ui-radio-size);
@@ -10,6 +9,7 @@
   border: solid var(--mirai-ui-border-width) var(--mirai-ui-radio-border);
   border-radius: 50%;
   box-sizing: border-box;
+  cursor: pointer;
   height: var(--mirai-ui-radio-size);
   margin: 0;
   outline: none;

package/package.json

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