@mirai/core 0.3.138 → 0.3.140

package/build/components/__shared__/ButtonPayment/helpers/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _getComponent = require("./getComponent");
+Object.keys(_getComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getComponent[key];
+    }
+  });
+});
+var _getUrl = require("./getUrl");
+Object.keys(_getUrl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getUrl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getUrl[key];
+    }
+  });
+});
+var _loadScript = require("./loadScript");
+Object.keys(_loadScript).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _loadScript[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _loadScript[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/ButtonPayment/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_getComponent","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getUrl","_loadScript"],"sources":["../../../../../src/components/__shared__/ButtonPayment/helpers/index.js"],"sourcesContent":["export * from './getComponent';\nexport * from './getUrl';\nexport * from './loadScript';\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/build/components/__shared__/ButtonPayment/helpers/loadScript.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadScript = void 0;
+const loadScript = _ref => {
+  let {
+    id,
+    name,
+    onLoad = () => {}
+  } = _ref;
+  const exists = document.getElementById(id);
+  if (!exists) {
+    const script = document.createElement('script');
+    script.id = id;
+    script.src = "".concat(process.env.SERVICE_STATIC, "/payments/scripts/").concat(name);
+    script.onload = onLoad;
+    document.head.appendChild(script);
+  }
+  return () => {
+    const el = document.getElementById(id);
+    if (el) el.parentNode.removeChild(el);
+  };
+};
+exports.loadScript = loadScript;
+//# sourceMappingURL=loadScript.js.map

package/build/components/__shared__/ButtonPayment/helpers/loadScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadScript.js","names":["loadScript","_ref","id","name","onLoad","exists","document","getElementById","script","createElement","src","concat","process","env","SERVICE_STATIC","onload","head","appendChild","el","parentNode","removeChild","exports"],"sources":["../../../../../src/components/__shared__/ButtonPayment/helpers/loadScript.js"],"sourcesContent":["export const loadScript = ({ id, name, onLoad = () => {} }) => {\n  const exists = document.getElementById(id);\n  if (!exists) {\n    const script = document.createElement('script');\n    script.id = id;\n    script.src = `${process.env.SERVICE_STATIC}/payments/scripts/${name}`;\n    script.onload = onLoad;\n\n    document.head.appendChild(script);\n  }\n\n  return () => {\n    const el = document.getElementById(id);\n    if (el) el.parentNode.removeChild(el);\n  };\n};\n"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC,EAAE;IAAEC,IAAI;IAAEC,MAAM,GAAGA,CAAA,KAAM,CAAC;EAAE,CAAC,GAAAH,IAAA;EACxD,MAAMI,MAAM,GAAGC,QAAQ,CAACC,cAAc,CAACL,EAAE,CAAC;EAC1C,IAAI,CAACG,MAAM,EAAE;IACX,MAAMG,MAAM,GAAGF,QAAQ,CAACG,aAAa,CAAC,QAAQ,CAAC;IAC/CD,MAAM,CAACN,EAAE,GAAGA,EAAE;IACdM,MAAM,CAACE,GAAG,MAAAC,MAAA,CAAMC,OAAO,CAACC,GAAG,CAACC,cAAc,wBAAAH,MAAA,CAAqBR,IAAI,CAAE;IACrEK,MAAM,CAACO,MAAM,GAAGX,MAAM;IAEtBE,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACT,MAAM,CAAC;EACnC;EAEA,OAAO,MAAM;IACX,MAAMU,EAAE,GAAGZ,QAAQ,CAACC,cAAc,CAACL,EAAE,CAAC;IACtC,IAAIgB,EAAE,EAAEA,EAAE,CAACC,UAAU,CAACC,WAAW,CAACF,EAAE,CAAC;EACvC,CAAC;AACH,CAAC;AAACG,OAAA,CAAArB,UAAA,GAAAA,UAAA"}

package/build/components/__shared__/ButtonPayment/helpers/toUrlParams.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toUrlParams = void 0;
+const DEFAULT_VALUE = '';
+const toUrlParams = function () {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (typeof values !== 'object') return DEFAULT_VALUE;
+  let params = Object.fromEntries(Object.entries(values).filter(value => !!value[1]));
+  if (process.env.NODE_ENV === 'development') params.env = 'dev';else if (process.env.NODE_ENV === 'preproduction') params.env = 'pre';else if (process.env.NODE_ENV !== 'production') params.env = process.env.NODE_ENV;
+  let urlParams = DEFAULT_VALUE;
+  if (Object.keys(params).length > 0) urlParams = "?".concat(new URLSearchParams(Object.entries(params)));
+  return urlParams;
+};
+exports.toUrlParams = toUrlParams;
+//# sourceMappingURL=toUrlParams.js.map

package/build/components/__shared__/ButtonPayment/helpers/toUrlParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toUrlParams.js","names":["DEFAULT_VALUE","toUrlParams","values","arguments","length","undefined","params","Object","fromEntries","entries","filter","value","process","env","NODE_ENV","urlParams","keys","concat","URLSearchParams","exports"],"sources":["../../../../../src/components/__shared__/ButtonPayment/helpers/toUrlParams.js"],"sourcesContent":["const DEFAULT_VALUE = '';\n\nexport const toUrlParams = (values = {}) => {\n  if (typeof values !== 'object') return DEFAULT_VALUE;\n\n  let params = Object.fromEntries(Object.entries(values).filter((value) => !!value[1]));\n\n  if (process.env.NODE_ENV === 'development') params.env = 'dev';\n  else if (process.env.NODE_ENV === 'preproduction') params.env = 'pre';\n  else if (process.env.NODE_ENV !== 'production') params.env = process.env.NODE_ENV;\n\n  let urlParams = DEFAULT_VALUE;\n  if (Object.keys(params).length > 0) urlParams = `?${new URLSearchParams(Object.entries(params))}`;\n\n  return urlParams;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAG,EAAE;AAEjB,MAAMC,WAAW,GAAG,SAAAA,CAAA,EAAiB;EAAA,IAAhBC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACrC,IAAI,OAAOD,MAAM,KAAK,QAAQ,EAAE,OAAOF,aAAa;EAEpD,IAAIM,MAAM,GAAGC,MAAM,CAACC,WAAW,CAACD,MAAM,CAACE,OAAO,CAACP,MAAM,CAAC,CAACQ,MAAM,CAAEC,KAAK,IAAK,CAAC,CAACA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAErF,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAER,MAAM,CAACO,GAAG,GAAG,KAAK,CAAC,KAC1D,IAAID,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,eAAe,EAAER,MAAM,CAACO,GAAG,GAAG,KAAK,CAAC,KACjE,IAAID,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAER,MAAM,CAACO,GAAG,GAAGD,OAAO,CAACC,GAAG,CAACC,QAAQ;EAEjF,IAAIC,SAAS,GAAGf,aAAa;EAC7B,IAAIO,MAAM,CAACS,IAAI,CAACV,MAAM,CAAC,CAACF,MAAM,GAAG,CAAC,EAAEW,SAAS,OAAAE,MAAA,CAAO,IAAIC,eAAe,CAACX,MAAM,CAACE,OAAO,CAACH,MAAM,CAAC,CAAC,CAAE;EAEjG,OAAOS,SAAS;AAClB,CAAC;AAACI,OAAA,CAAAlB,WAAA,GAAAA,WAAA"}

package/build/components/__shared__/ButtonPayment/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ButtonPayment = require("./ButtonPayment");
+Object.keys(_ButtonPayment).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonPayment[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ButtonPayment[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/ButtonPayment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ButtonPayment","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/__shared__/ButtonPayment/index.js"],"sourcesContent":["export * from './ButtonPayment';\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/__shared__/Field/Field.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Field = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var style = _interopRequireWildcard(require("./Field.module.css"));
+var _helpers = require("../../helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const Field = _ref => {
+  let {
+    caption,
+    centered,
+    children,
+    compacted = false,
+    error = false,
+    icon,
+    inputMode = false,
+    label,
+    placeholder,
+    visible,
+    warning = false,
+    onPress = () => {},
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const Wrapper = !isMobile ? _ui.Layer : _react.Fragment;
+  const {
+    testId
+  } = others;
+  return /*#__PURE__*/_react.default.createElement(Wrapper, !isMobile ? {
+    centered,
+    visible,
+    className: style.layerContent
+  } : undefined, !compacted && /*#__PURE__*/_react.default.createElement(_ui.Pressable, _extends({}, others, {
+    onPress: onPress,
+    className: (0, _ui.styles)(style.field, visible && style.focus, others.className)
+  }), !isMobile && icon && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: icon,
+    className: style.icon
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.input
+  }, isMobile && label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: style.label
+  }, label), inputMode ? children : /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: (0, _ui.styles)(style.caption, !caption && placeholder && style.placeholder)
+  }, caption || placeholder)), !isMobile && !inputMode && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers.ICON.UNFOLD,
+    className: style.icon
+  }), (error || warning) && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: error ? _helpers.ICON.ERROR : _helpers.ICON.WARNING,
+    className: (0, _ui.styles)(style.icon, error ? style.error : style.warning)
+  })), children && !inputMode && /*#__PURE__*/_react.default.createElement(isMobile ? _ui.Modal : _ui.LayerContent, isMobile ? {
+    portal: true,
+    title: label,
+    visible,
+    onClose: onPress,
+    onOverflow: onPress,
+    ['testId']: testId ? "".concat(testId, "-modal") : undefined
+  } : undefined, children));
+};
+exports.Field = Field;
+Field.displayName = 'Mirai:Core:Field';
+Field.propTypes = {
+  caption: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
+  centered: _propTypes.default.bool,
+  children: _propTypes.default.node,
+  compacted: _propTypes.default.bool,
+  error: _propTypes.default.bool,
+  icon: _propTypes.default.func,
+  inputMode: _propTypes.default.bool,
+  label: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  tabIndex: _propTypes.default.number,
+  visible: _propTypes.default.bool,
+  warning: _propTypes.default.bool,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Field.js.map

package/build/components/__shared__/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Field","_ref","caption","centered","children","compacted","error","icon","inputMode","label","placeholder","visible","warning","onPress","others","isMobile","useDevice","Wrapper","Layer","Fragment","testId","createElement","className","layerContent","undefined","Pressable","styles","field","focus","Icon","value","View","input","Text","small","action","ICON","UNFOLD","ERROR","WARNING","React","Modal","LayerContent","portal","title","onClose","onOverflow","concat","exports","displayName","propTypes","PropTypes","oneOfType","string","array","bool","node","func","tabIndex","number"],"sources":["../../../../src/components/__shared__/Field/Field.jsx"],"sourcesContent":["import { Icon, Layer, LayerContent, Modal, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { Fragment } from 'react';\n\nimport * as style from './Field.module.css';\nimport { ICON } from '../../helpers';\n\nconst Field = ({\n  caption,\n  centered,\n  children,\n  compacted = false,\n  error = false,\n  icon,\n  inputMode = false,\n  label,\n  placeholder,\n  visible,\n  warning = false,\n  onPress = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const Wrapper = !isMobile ? Layer : Fragment;\n  const { testId } = others;\n\n  return (\n    <Wrapper {...(!isMobile ? { centered, visible, className: style.layerContent } : undefined)}>\n      {!compacted && (\n        <Pressable\n          {...others}\n          onPress={onPress}\n          className={styles(style.field, visible && style.focus, others.className)}\n        >\n          {!isMobile && icon && <Icon value={icon} className={style.icon} />}\n\n          <View className={style.input}>\n            {isMobile && label && (\n              <Text small className={style.label}>\n                {label}\n              </Text>\n            )}\n            {inputMode ? (\n              children\n            ) : (\n              <Text action className={styles(style.caption, !caption && placeholder && style.placeholder)}>\n                {caption || placeholder}\n              </Text>\n            )}\n          </View>\n\n          {!isMobile && !inputMode && <Icon value={ICON.UNFOLD} className={style.icon} />}\n\n          {(error || warning) && (\n            <Icon\n              value={error ? ICON.ERROR : ICON.WARNING}\n              className={styles(style.icon, error ? style.error : style.warning)}\n            />\n          )}\n        </Pressable>\n      )}\n\n      {children &&\n        !inputMode &&\n        React.createElement(\n          isMobile ? Modal : LayerContent,\n          isMobile\n            ? {\n                portal: true,\n                title: label,\n                visible,\n                onClose: onPress,\n                onOverflow: onPress,\n                ['testId']: testId ? `${testId}-modal` : undefined,\n              }\n            : undefined,\n          children,\n        )}\n    </Wrapper>\n  );\n};\n\nField.displayName = 'Mirai:Core:Field';\n\nField.propTypes = {\n  caption: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  icon: PropTypes.func,\n  inputMode: PropTypes.bool,\n  label: PropTypes.string,\n  placeholder: PropTypes.string,\n  tabIndex: PropTypes.number,\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Field };\n"],"mappings":"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"}

package/build/components/__shared__/Field/Field.module.css

@@ -0,0 +1,98 @@
+:root {
+  --mirai-finder-field-background: var(--mirai-ui-input-background);
+  --mirai-finder-field-border: var(--mirai-ui-input-text-border);
+  --mirai-finder-field-border-radius: var(--mirai-ui-input-text-radius);
+  --mirai-finder-field-border-focus: var(--mirai-ui-input-text-focus);
+  --mirai-finder-field-height: var(--mirai-ui-input-min-height);
+  --mirai-finder-field-icon-color: var(--mirai-ui-input-disabled);
+  --mirai-finder-field-icon-size: var(--mirai-ui-input-text-icon);
+  --mirai-finder-field-layer-shadow: var(--mirai-ui-shadow);
+  --mirai-finder-field-margin-mobile: 0 0 var(--mirai-finder-padding) 0;
+  --mirai-finder-field-padding-x: var(--mirai-ui-input-text-padding-x);
+  --mirai-finder-field-padding-y: var(--mirai-ui-input-text-padding-y);
+}
+
+.caption {
+  font-family: var(--mirai-ui-input-font);
+  font-size: var(--mirai-ui-input-font-size);
+  flex: 1;
+  overflow: hidden;
+  text-align: var(--mirai-ui-text-align);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.caption.placeholder {
+  color: var(--mirai-ui-input-disabled);
+}
+
+.field {
+  align-items: center;
+  align-content: center;
+  background-color: var(--mirai-finder-field-background);
+  border: var(--mirai-finder-field-border);
+  border-radius: var(--mirai-finder-field-border-radius);
+  cursor: pointer;
+  display: flex;
+  flex-direction: var(--mirai-ui-row-direction);
+  gap: calc(var(--mirai-finder-field-padding-x) / 2);
+  justify-content: flex-start;
+}
+
+.field.focus {
+  border-color: var(--mirai-finder-field-border-focus);
+}
+
+.icon {
+  font-size: var(--mirai-finder-field-icon-size);
+  height: var(--mirai-finder-field-icon-size);
+  line-height: var(--mirai-finder-field-icon-size);
+  width: var(--mirai-finder-field-icon-size);
+}
+
+.icon.left {
+  color: var(--mirai-finder-field-icon-color);
+}
+
+.icon.error {
+  color: var(--mirai-ui-error);
+}
+
+.icon.warning {
+  color: var(--mirai-ui-warning);
+}
+
+.input {
+  flex: 1;
+}
+
+.input > .label {
+  color: var(--mirai-finder-field-icon-color);
+}
+
+.layerContent {
+  margin: var(--mirai-finder-field-padding-y) 0;
+  background-color: var(--mirai-finder-field-background);
+  border: var(--mirai-finder-field-border);
+  border-radius: var(--mirai-finder-field-border-radius);
+  box-shadow: var(--mirai-finder-field-layer-shadow);
+}
+
+@media only screen and (max-width: 430px) {
+  .field {
+    margin: var(--mirai-finder-field-margin-mobile);
+    padding: var(--mirai-finder-field-padding-y) var(--mirai-finder-field-padding-x);
+    width: auto;
+  }
+}
+
+@media only screen and (min-width: 431px) {
+  .caption {
+    max-width: calc(var(--mirai-ui-space-XL) * 5);
+  }
+
+  .field {
+    height: var(--mirai-finder-field-height);
+    padding: 0 var(--mirai-finder-field-padding-x);
+  }
+}