@mirai/core 0.3.135-patch → 0.3.135

package/build/components/Checkout/Checkout.module.css

@@ -1,277 +0,0 @@
-body {
-  padding: 0;
-  margin: 0;
-  overflow-x: hidden;
-}
-
-.container {
-  align-items: center;
-  background-color: var(--mirai-ui-content-background);
-  min-height: 100vh;
-  width: 100vw;
-}
-
-.progress {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-}
-
-.content {
-  align-items: flex-start;
-  gap: var(--mirai-ui-input-text-padding-y);
-  margin-bottom: var(--mirai-ui-input-text-padding-y);
-  max-width: var(--mirai-ui-breakpoint-content);
-  width: 100%;
-}
-
-.content > .main {
-  row-gap: var(--mirai-ui-input-text-padding-y);
-}
-
-.content > * {
-  flex: 1;
-}
-
-.logo {
-  height: 100%;
-  margin-bottom: var(--mirai-ui-space-L);
-  max-height: calc(var(--mirai-ui-space-XL) * 2);
-  max-width: calc(var(--mirai-ui-space-XXL) * 3);
-}
-
-.box {
-  background-color: var(--mirai-ui-base);
-  border-radius: var(--mirai-ui-border-radius);
-  box-shadow: inset 0 0 1px var(--mirai-ui-content-light);
-  padding: var(--mirai-ui-space-M);
-}
-
-.field {
-  color: var(--mirai-ui-content-light);
-  margin-bottom: calc(var(--mirai-ui-space-XS) / 4);
-}
-
-.cta {
-  margin-top: var(--mirai-ui-space-L);
-}
-
-/* == PARTIALS ============================================================== */
-/* -- <Items> --------------------------------------------------------------- */
-.details {
-  height: calc(var(--mirai-ui-space-XXL) * 4);
-  gap: var(--mirai-ui-space-M);
-  overflow: hidden;
-  position: relative;
-}
-
-.details.expanded {
-  height: auto;
-}
-
-.details .inline {
-  align-items: start;
-  color: var(--mirai-ui-content-light);
-  gap: var(--mirai-ui-space-XS);
-}
-
-.details .item {
-  gap: var(--mirai-ui-space-S);
-  margin-bottom: var(--mirai-ui-space-XS);
-  padding: var(--mirai-ui-space-S);
-}
-
-.details .item .image {
-  background-color: var(--mirai-ui-content-background);
-  background-size: cover;
-  border-radius: var(--mirai-ui-border-radius);
-  box-shadow: 0 0 0 1px var(--mirai-ui-content-background);
-  height: var(--mirai-ui-space-XXL);
-  min-height: var(--mirai-ui-space-XXL);
-  min-width: var(--mirai-ui-space-XXL);
-  width: var(--mirai-ui-space-XXL);
-}
-
-.details .buttonMore {
-  height: calc(var(--mirai-ui-space-XXL) * 2);
-}
-
-/* -- <Form> ---------------------------------------------------------------- */
-.form {
-  column-gap: var(--mirai-ui-input-text-padding-y);
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.form > * {
-  margin-bottom: var(--mirai-ui-input-text-padding-y);
-}
-
-.form .inline {
-  display: inline;
-}
-
-/* -- <Session> ---------------------------------------------------------------- */
-.session .action {
-  display: inline;
-}
-
-/* -- <Confirmation---------------------------------------------------------- */
-.confirmation .notification.error {
-  margin-top: var(--mirai-ui-space-XS);
-}
-
-/* -- <Summary> ------------------------------------------------------------- */
-.summary .box {
-  padding: var(--mirai-ui-space-S);
-}
-
-.summary .group {
-  align-items: flex-start;
-}
-
-.summary .group > * {
-  flex: 1;
-}
-
-.summary .group .divider {
-  background-color: var(--mirai-ui-content-border);
-  display: block;
-  flex: 0;
-  height: var(--mirai-ui-space-XL);
-  min-width: var(--mirai-ui-border-width);
-  width: var(--mirai-ui-border-width);
-}
-
-.summary .action {
-  margin-top: var(--mirai-ui-space-XS);
-}
-
-.summary .info {
-  gap: var(--mirai-ui-space-XS);
-}
-
-.summary .notification > * {
-  text-align: justify;
-}
-
-/* -- Agency --------------------------------------------------------------- */
-
-.agency .action {
-  display: inline;
-}
-
-/* -- <Modal> --------------------------------------------------------------- */
-.modal .payment {
-  padding: var(--mirai-ui-space-M);
-}
-
-.modal .scrollview {
-  align-items: normal;
-  max-height: calc(100svh - var(--mirai-ui-space-XXL) * 3.5);
-}
-
-/* S */
-@media only screen and (max-width: 430px) {
-  .modal {
-    max-height: 100svh;
-  }
-}
-
-/* S & M */
-@media only screen and (max-width: 820px) {
-  .container {
-    padding: var(--mirai-ui-space-L) var(--mirai-ui-space-S) calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-XS))
-      var(--mirai-ui-space-S);
-  }
-
-  .content {
-    flex-direction: column;
-  }
-
-  /* -- <Form> -------------------------------------------------------------- */
-  .form {
-    flex-direction: column;
-  }
-
-  /* -- <Confirmation> ----------------------------------------------------------- */
-  .confirmation {
-    bottom: 0;
-    left: 0;
-    position: fixed;
-    width: 100%;
-  }
-
-  /* -- <Summary> ----------------------------------------------------------- */
-  .summary .box {
-    margin-bottom: var(--mirai-ui-space-M);
-  }
-
-  .summary .box > *:not(:last-child) {
-    margin-bottom: var(--mirai-ui-space-S);
-  }
-
-  .summary .title {
-    margin-bottom: var(--mirai-ui-space-XS);
-  }
-
-  .summary .group {
-    gap: var(--mirai-ui-space-XS);
-  }
-
-  .summary .group .divider {
-    margin-right: var(--mirai-ui-space-XS);
-  }
-}
-
-/* L */
-@media only screen and (min-width: 821px) {
-  .container {
-    padding: var(--mirai-ui-space-L) var(--mirai-ui-space-M);
-  }
-
-  /* -- <Form> -------------------------------------------------------------- */
-  .form .half {
-    min-width: calc(50% - calc(var(--mirai-ui-input-text-padding-y) / 2));
-    max-width: calc(50% - calc(var(--mirai-ui-input-text-padding-y) / 2));
-  }
-
-  .form .wide {
-    min-width: 100%;
-  }
-
-  /* -- <Confirmation> ----------------------------------------------------------- */
-  .confirmation {
-    max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);
-    position: sticky;
-    top: var(--mirai-ui-space-M);
-  }
-
-  .confirmation .footer {
-    color: var(--mirai-ui-content-light);
-    margin-top: var(--mirai-ui-space-S);
-    text-align: center;
-  }
-
-  /* -- <Summary> ----------------------------------------------------------- */
-  .summary .box {
-    margin-bottom: var(--mirai-ui-space-L);
-  }
-
-  .summary .box > *:not(:last-child) {
-    margin-bottom: var(--mirai-ui-space-M);
-  }
-
-  .summary .title {
-    margin-bottom: var(--mirai-ui-space-M);
-  }
-
-  .summary .group {
-    gap: var(--mirai-ui-space-S);
-  }
-
-  .summary .group .divider {
-    margin-right: var(--mirai-ui-space-S);
-  }
-}

package/build/components/Checkout/Checkout.skeleton.js

@@ -1,64 +0,0 @@
-"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 }; }
-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 = () => {
-  const {
-    isDesktop
-  } = (0, _ui.useDevice)();
-  const props = {
-    color: 'base'
-  };
-  return /*#__PURE__*/_react.default.createElement(_ui.View, {
-    style: {
-      alignItems: 'start'
-    },
-    wide: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
-    wide: true,
-    style: {
-      alignItems: 'start',
-      alignSelf: 'center',
-      gap: '1rem',
-      maxWidth: 'var(--mirai-ui-breakpoint-content)',
-      marginTop: '2rem'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    style: {
-      flex: 1,
-      gap: '1rem'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
-    style: {
-      height: '32rem'
-    }
-  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
-    style: {
-      height: '16rem'
-    }
-  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
-    style: {
-      height: '16rem'
-    }
-  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
-    style: {
-      height: '12rem'
-    }
-  }))), isDesktop && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
-    style: {
-      flex: 1,
-      maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)',
-      height: '36rem'
-    }
-  }))));
-};
-exports.default = _default;
-//# sourceMappingURL=Checkout.skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkout.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","isDesktop","useDevice","props","color","createElement","View","style","alignItems","wide","row","alignSelf","gap","maxWidth","marginTop","flex","Skeleton","height","exports"],"sources":["../../../src/components/Checkout/Checkout.skeleton.jsx"],"sourcesContent":["import { useDevice } from '@mirai/ui';\nimport { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n  const { isDesktop } = useDevice();\n\n  const props = { color: 'base' };\n\n  return (\n    <View style={{ alignItems: 'start' }} wide>\n      <View\n        row\n        wide\n        style={{\n          alignItems: 'start',\n          alignSelf: 'center',\n          gap: '1rem',\n          maxWidth: 'var(--mirai-ui-breakpoint-content)',\n          marginTop: '2rem',\n        }}\n      >\n        <View style={{ flex: 1, gap: '1rem' }}>\n          <Skeleton {...props} style={{ height: '32rem' }} />\n          <Skeleton {...props} style={{ height: '16rem' }} />\n          <Skeleton {...props} style={{ height: '16rem' }} />\n          <Skeleton {...props} style={{ height: '12rem' }} />\n        </View>\n        {isDesktop && (\n          <Skeleton\n            {...props}\n            style={{\n              flex: 1,\n              maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)',\n              height: '36rem',\n            }}\n          />\n        )}\n      </View>\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAyC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAE1BA,CAAA,KAAM;EACnB,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAEjC,MAAMC,KAAK,GAAG;IAAEC,KAAK,EAAE;EAAO,CAAC;EAE/B,oBACExB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAQ,CAAE;IAACC,IAAI;EAAA,gBACxC7B,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IACHI,GAAG;IACHD,IAAI;IACJF,KAAK,EAAE;MACLC,UAAU,EAAE,OAAO;MACnBG,SAAS,EAAE,QAAQ;MACnBC,GAAG,EAAE,MAAM;MACXC,QAAQ,EAAE,oCAAoC;MAC9CC,SAAS,EAAE;IACb;EAAE,gBAEFlC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEQ,IAAI,EAAE,CAAC;MAAEH,GAAG,EAAE;IAAO;EAAE,gBACpChC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDrC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDrC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDrC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAC9C,CAAC,EACNhB,SAAS,iBACRrB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KACHiB,KAAK;IACTI,KAAK,EAAE;MACLQ,IAAI,EAAE,CAAC;MACPF,QAAQ,EAAE,kEAAkE;MAC5EI,MAAM,EAAE;IACV;EAAE,EACH,CAEC,CACF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAjC,OAAA,GAAAe,QAAA"}