@mirai/core 0.3.138 → 0.3.139

package/build/components/Deals/Deals.module.css

@@ -0,0 +1,112 @@
+:root {
+  --mirai-deals-modal-z-index: 601;
+  --mirai-deals-notification-max-width: calc(var(--mirai-ui-calendar-cell) * 14 + var(--mirai-ui-calendar-padding) * 2);
+  --mirai-ui-modal-layer: var(--mirai-deals-modal-z-index);
+}
+
+.action {
+  color: var(--mirai-ui-content-light);
+  display: flex;
+}
+
+.actionIcon {
+  margin-right: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.header {
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+  justify-content: space-between;
+  padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-M);
+}
+
+.header [data-role='text'] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.footer {
+  flex: 1;
+}
+
+.notification {
+  color: var(--mirai-ui-content-light);
+}
+
+@media only screen and (max-width: 430px) {
+  .deals {
+    padding-bottom: var(--mirai-ui-space-M);
+    width: 100%;
+  }
+
+  .header {
+    margin-bottom: var(--mirai-ui-space-M);
+  }
+
+  .fieldCalendar {
+    margin: 0 var(--mirai-ui-space-M) var(--mirai-ui-space-S) var(--mirai-ui-space-M);
+  }
+
+  .extras {
+    gap: var(--mirai-ui-space-S);
+    padding: 0 var(--mirai-ui-space-M);
+  }
+
+  .cta {
+    margin-top: var(--mirai-ui-space-XS);
+  }
+
+  .notification {
+    border-top: solid 1px var(--mirai-ui-content-border);
+    padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
+  }
+
+  .footer {
+    border-top: solid 1px var(--mirai-ui-content-border);
+    display: flex;
+    flex: 1;
+    justify-content: space-between;
+    padding: var(--mirai-ui-space-M) var(--mirai-ui-space-L);
+  }
+
+  .calendarXS {
+    max-height: calc(var(--mirai-ui-calendar-cell) * 8);
+  }
+}
+
+@media only screen and (min-width: 431px) {
+  .deals {
+    width: fit-content;
+  }
+
+  .calendarInfo {
+    padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-M) var(--mirai-ui-space-M) var(--mirai-ui-space-M);
+  }
+
+  .notification {
+    max-width: var(--mirai-deals-notification-max-width);
+  }
+
+  .extras {
+    border-top: solid 1px var(--mirai-ui-content-border);
+    gap: var(--mirai-ui-space-XS);
+    padding: var(--mirai-ui-space-M);
+  }
+
+  .footer {
+    justify-content: flex-end;
+  }
+
+  .cta {
+    height: var(--mirai-finder-field-height);
+  }
+}
+
+/* -- reset defaults -------------------------------------------------------- */
+
+h2.title {
+  color: var(--mirai-ui-content);
+  font-size: var(--mirai-ui-font-size-headline-2);
+  font-weight: var(--mirai-ui-font-weight);
+  line-height: var(--mirai-ui-line-height-headline-2);
+}

package/build/components/Deals/Deals.skeleton.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _shared__ = require("../__shared__");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = () => {
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      padding: '1rem',
+      maxWidth: '720px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    bold: true,
+    headline: true,
+    level: 2
+  }, "Select dates and persons"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Clear")), isMobile ? /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      paddingTop: '2rem',
+      gap: '0.5rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '2.5rem',
+      marginTop: '1rem'
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
+    style: {
+      paddingTop: '1.5rem',
+      gap: '2rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '20rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    wide: true,
+    style: {
+      height: '20rem'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      paddingTop: '1.5rem',
+      gap: '0.25rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null, "Check-in \u2500 Check-out"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be included)")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
+    style: {
+      paddingTop: '1.5rem',
+      gap: '1rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '30%'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '30%'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '15%'
+    }
+  }, "Find"))));
+};
+exports.default = _default;
+//# sourceMappingURL=Deals.skeleton.js.map

package/build/components/Deals/Deals.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Deals.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_default","isMobile","useDevice","createElement","View","style","padding","maxWidth","row","justifyContent","Skeleton","bold","headline","level","action","wide","paddingTop","gap","height","marginTop","Fragment","small","width","flex","exports"],"sources":["../../../src/components/Deals/Deals.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport { useDevice } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n  const { isMobile } = useDevice();\n\n  return (\n    <View style={{ padding: '1rem', maxWidth: '720px' }}>\n      <View row style={{ justifyContent: 'space-between' }}>\n        <Skeleton bold headline level={2}>\n          Select dates and persons\n        </Skeleton>\n        <Skeleton action>Clear</Skeleton>\n      </View>\n\n      {isMobile ? (\n        <View wide style={{ paddingTop: '2rem', gap: '0.5rem' }}>\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '2.5rem', marginTop: '1rem' }} />\n        </View>\n      ) : (\n        <>\n          <View row wide style={{ paddingTop: '1.5rem', gap: '2rem' }}>\n            <Skeleton wide style={{ height: '20rem' }} />\n            <Skeleton wide style={{ height: '20rem' }} />\n          </View>\n          <View wide style={{ paddingTop: '1.5rem', gap: '0.25rem' }}>\n            <Skeleton>Check-in ─ Check-out</Skeleton>\n            <Skeleton small>\n              Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be\n              included)\n            </Skeleton>\n          </View>\n          <View row wide style={{ paddingTop: '1.5rem', gap: '1rem' }}>\n            <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n            <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n            <View style={{ flex: 1 }} />\n            <Skeleton style={{ height: '3.5rem', width: '15%' }}>Find</Skeleton>\n          </View>\n        </>\n      )}\n    </View>\n  );\n};\n"],"mappings":"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"}