@mirai/ui 1.1.0-d → 1.1.1

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

@@ -5,19 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Story = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _primitives = require("../../primitives");
 var _Notification = require("./Notification");
 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); }
 var _default = {
   title: 'Components'
 };
 exports.default = _default;
 var Story = function Story(props) {
-  return /*#__PURE__*/_react.default.createElement(_Notification.Notification, props);
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    style: {
+      gap: 'var(--mirai-ui-space-M)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Notification.Notification, props), /*#__PURE__*/_react.default.createElement(_Notification.Notification, _extends({}, props, {
+    small: true
+  })), /*#__PURE__*/_react.default.createElement(_Notification.Notification, _extends({}, props, {
+    large: true
+  })), /*#__PURE__*/_react.default.createElement(_Notification.Notification, _extends({}, props, {
+    inline: true
+  })));
 };
 exports.Story = Story;
 Story.storyName = 'Notification';
 Story.args = {
-  children: 'children',
+  children: 'We hold your booking until _Feb 14, 12:00 AM_. If your reserve change, we will get back to you.',
+  title: 'Your booking is on Hold',
   error: false,
   info: false,
   inline: 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","info","inline","large","small","success","warning","wide","testId","style","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import 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  info: false,\n  inline: false,\n  large: false,\n  small: false,\n  success: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8C;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,0BAAY,EAAKA,KAAK,CAAI;AAAA;AAAC;AAE5DD,KAAK,CAACE,SAAS,GAAG,cAAc;AAEhCF,KAAK,CAACG,IAAI,GAAG;EACXC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDd,KAAK,CAACe,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Notification.stories.js","names":["title","Story","props","gap","storyName","args","children","error","info","inline","large","small","success","warning","wide","testId","style","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import React from 'react';\nimport { View } from '../../primitives';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <View style={{ gap: 'var(--mirai-ui-space-M)' }}>\n    <Notification {...props} />\n    <Notification {...props} small />\n    <Notification {...props} large />\n    <Notification {...props} inline />\n  </View>\n);\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'We hold your booking until _Feb 14, 12:00 AM_. If your reserve change, we will get back to you.',\n  title: 'Your booking is on Hold',\n  error: false,\n  info: false,\n  inline: false,\n  large: false,\n  small: false,\n  success: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAA8C;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,6BAAC,gBAAI;IAAC,KAAK,EAAE;MAAEC,GAAG,EAAE;IAA0B;EAAE,gBAC9C,6BAAC,0BAAY,EAAKD,KAAK,CAAI,eAC3B,6BAAC,0BAAY,eAAKA,KAAK;IAAE,KAAK;EAAA,GAAG,eACjC,6BAAC,0BAAY,eAAKA,KAAK;IAAE,KAAK;EAAA,GAAG,eACjC,6BAAC,0BAAY,eAAKA,KAAK;IAAE,MAAM;EAAA,GAAG,CAC7B;AAAA,CACR;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,cAAc;AAEhCH,KAAK,CAACI,IAAI,GAAG;EACXC,QAAQ,EAAE,iGAAiG;EAC3GN,KAAK,EAAE,yBAAyB;EAChCO,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDf,KAAK,CAACgB,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}