@mirai/core 0.2.19 → 0.3.1

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

@@ -0,0 +1,250 @@
+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: 1024px;
+  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);
+  width: 100%;
+}
+
+.box {
+  background-color: var(--mirai-ui-base);
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: 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 .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 .notification > * {
+  text-align: justify;
+}
+
+/* -- <Modal> --------------------------------------------------------------- */
+.modal {
+  padding: var(--mirai-ui-space-M);
+}
+
+/* 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/{user → Checkout}/Checkout.skeleton.js

@@ -6,19 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _ui = require("@mirai/ui");
 var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("../__internal__/Skeleton");
+var _shared__ = require("../__shared__");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = () => {
-  const {
-    isDesktop
-  } = (0, _ui.useDevice)();
+var _default = exports.default = function _default() {
+  var _useDevice = (0, _ui.useDevice)(),
+    isDesktop = _useDevice.isDesktop;
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
       alignItems: 'start',
       padding: '1rem'
     },
     wide: true
-  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     style: {
       alignSelf: 'center',
       height: '5rem',
@@ -39,23 +38,23 @@ var _default = () => {
       flex: 1,
       gap: '1rem'
     }
-  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     style: {
       height: '12rem'
     }
-  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     style: {
       height: '12rem'
     }
-  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     style: {
       height: '36rem'
     }
-  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     style: {
       height: '12rem'
     }
-  })), isDesktop && /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  })), isDesktop && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     style: {
       flex: 1,
       maxWidth: '400px',
@@ -63,5 +62,4 @@ var _default = () => {
     }
   })));
 };
-exports.default = _default;
 //# sourceMappingURL=Checkout.skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_default","exports","_useDevice","useDevice","isDesktop","createElement","View","style","alignItems","padding","wide","Skeleton","alignSelf","height","width","row","gap","maxWidth","marginTop","flex"],"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  return (\n    <View style={{ alignItems: 'start', padding: '1rem' }} wide>\n      <Skeleton style={{ alignSelf: 'center', height: '5rem', width: '8rem' }} />\n      <View\n        row\n        style={{ alignItems: 'start', alignSelf: 'center', gap: '1rem', maxWidth: '1024px', marginTop: '2rem' }}\n        wide\n      >\n        <View style={{ flex: 1, gap: '1rem' }}>\n          <Skeleton style={{ height: '12rem' }} />\n          <Skeleton style={{ height: '12rem' }} />\n          <Skeleton style={{ height: '36rem' }} />\n          <Skeleton style={{ height: '12rem' }} />\n        </View>\n        {isDesktop && <Skeleton style={{ flex: 1, maxWidth: '400px', height: '36rem' }} />}\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,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE1B,SAAAC,SAAA,EAAM;EACnB,IAAAE,UAAA,GAAsB,IAAAC,aAAS,EAAC,CAAC;IAAzBC,SAAS,GAAAF,UAAA,CAATE,SAAS;EAEjB,oBACEV,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACb,GAAA,CAAAc,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE,OAAO;MAAEC,OAAO,EAAE;IAAO,CAAE;IAACC,IAAI;EAAA,gBACzDhB,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACT,SAAA,CAAAe,QAAQ;IAACJ,KAAK,EAAE;MAAEK,SAAS,EAAE,QAAQ;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAE,CAAC,eAC3EpB,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACb,GAAA,CAAAc,IAAI;IACHS,GAAG;IACHR,KAAK,EAAE;MAAEC,UAAU,EAAE,OAAO;MAAEI,SAAS,EAAE,QAAQ;MAAEI,GAAG,EAAE,MAAM;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,SAAS,EAAE;IAAO,CAAE;IACxGR,IAAI;EAAA,gBAEJhB,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACb,GAAA,CAAAc,IAAI;IAACC,KAAK,EAAE;MAAEY,IAAI,EAAE,CAAC;MAAEH,GAAG,EAAE;IAAO;EAAE,gBACpCtB,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACT,SAAA,CAAAe,QAAQ;IAACJ,KAAK,EAAE;MAAEM,MAAM,EAAE;IAAQ;EAAE,CAAE,CAAC,eACxCnB,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACT,SAAA,CAAAe,QAAQ;IAACJ,KAAK,EAAE;MAAEM,MAAM,EAAE;IAAQ;EAAE,CAAE,CAAC,eACxCnB,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACT,SAAA,CAAAe,QAAQ;IAACJ,KAAK,EAAE;MAAEM,MAAM,EAAE;IAAQ;EAAE,CAAE,CAAC,eACxCnB,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACT,SAAA,CAAAe,QAAQ;IAACJ,KAAK,EAAE;MAAEM,MAAM,EAAE;IAAQ;EAAE,CAAE,CACnC,CAAC,EACNT,SAAS,iBAAIV,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACT,SAAA,CAAAe,QAAQ;IAACJ,KAAK,EAAE;MAAEY,IAAI,EAAE,CAAC;MAAEF,QAAQ,EAAE,OAAO;MAAEJ,MAAM,EAAE;IAAQ;EAAE,CAAE,CAC7E,CACF,CAAC;AAEX,CAAC"}

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

@@ -0,0 +1,133 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Checkout> Test A/B variant A 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    variant="A"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> Test A/B variant B 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    variant="B"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> prop:session (false) 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> prop:skeleton 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    Skeleton
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> with a store 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Checkout/components/InputRadio/InputRadio.js

@@ -0,0 +1,67 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputRadio = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./InputRadio.module.css"));
+var _excluded = ["label", "name", "options", "value", "onChange"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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 DEFAULTS = {
+  small: true,
+  type: 'radio'
+};
+var InputRadio = exports.InputRadio = function InputRadio(_ref) {
+  var label = _ref.label,
+    name = _ref.name,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    propValue = _ref.value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    wide: true,
+    className: style.container
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true
+  }, label), options.map(function (_ref2, index) {
+    var label = _ref2.label,
+      value = _ref2.value;
+    return /*#__PURE__*/_react.default.createElement(_ui.InputOption, _extends({
+      checked: propValue === value,
+      key: index
+    }, _objectSpread(_objectSpread({}, DEFAULTS), {}, {
+      label: label,
+      name: name,
+      value: value,
+      onChange: onChange
+    })));
+  }));
+};
+InputRadio.displayName = 'Mirai:Checkout:Components:InputRadio';
+InputRadio.propTypes = {
+  label: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    value: _propTypes.default.string
+  })).isRequired,
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func
+};
+//# sourceMappingURL=InputRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputRadio.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","DEFAULTS","small","type","InputRadio","exports","_ref","label","name","_ref$options","options","propValue","_ref$onChange","onChange","others","createElement","View","wide","className","container","Text","bold","map","_ref2","index","InputOption","checked","displayName","propTypes","PropTypes","string","isRequired","arrayOf","shape","func"],"sources":["../../../../../src/components/Checkout/components/InputRadio/InputRadio.jsx"],"sourcesContent":["import { InputOption, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputRadio.module.css';\n\nconst DEFAULTS = { small: true, type: 'radio' };\n\nexport const InputRadio = ({ label, name, options = [], value: propValue, onChange = () => {}, ...others }) => (\n  <View {...others} wide className={style.container}>\n    <Text bold>{label}</Text>\n    {options.map(({ label, value }, index) => (\n      <InputOption checked={propValue === value} key={index} {...{ ...DEFAULTS, label, name, value, onChange }} />\n    ))}\n  </View>\n);\n\nInputRadio.displayName = 'Mirai:Checkout:Components:InputRadio';\n\nInputRadio.propTypes = {\n  label: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).isRequired,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+.container > *:not(:last-child) {
+  margin-bottom: calc(var(--mirai-ui-input-text-padding-y) / 2);
+}