@mirai/core 0.3.255 → 0.3.257

package/build/components/__shared__/BookingTerms/BookingTerms.js

@@ -43,7 +43,7 @@ const BookingTerms = _ref => {
     small
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
-    className: (0, _ui.styles)(style.group, style.others, others.className)
+    className: (0, _ui.styles)(style.box, style.others, others.className)
   }), paymentsConditions && /*#__PURE__*/_react.default.createElement(_components.Field, _extends({}, fieldProps, {
     label: translate(_BookingTermsL10n.L10N.LABEL_PAYMENT_TERMS),
     value: (0, _parseHtml.parseHtml)(paymentsConditions, {

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

@@ -1 +1 @@
-{"version":3,"file":"BookingTerms.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTermsL10n","style","_components","_parseHtml","_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","BookingTerms","_ref","dataSource","cancelationPolicy","otherConditions","paymentsConditions","hotel","privacyPolicy","small","tracking","others","translate","useLocale","track","useMetrics","modal","setModal","useState","fieldProps","inline","createElement","Fragment","View","className","styles","group","Field","label","L10N","LABEL_PAYMENT_TERMS","value","parseHtml","LABEL_CANCELLATION_POLICY","summary","detail","Action","underline","onPress","noPrint","ACTION_MORE_INFO","LABEL_PRIVACY_POLICY","LABEL_PRIVACY_POLICY_DESCRIPTION","link","href","concat","linkPrivacy","LABEL_OTHERS_TERMS","Modal","title","visible","onClose","Text","exports","displayName","propTypes","PropTypes","shape","string","details","payment","bool"],"sources":["../../../../src/components/__shared__/BookingTerms/BookingTerms.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Modal, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './BookingTerms.l10n.js';\nimport * as style from './BookingTerms.module.css';\nimport { Field } from '../../Booking/components';\nimport { parseHtml } from '../../helpers/parseHtml';\n\nconst BookingTerms = ({\n  dataSource: { cancelationPolicy, otherConditions, paymentsConditions, hotel: { privacyPolicy } = {} } = {},\n  small,\n  tracking,\n  ...others\n}) => {\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n\n  const [modal, setModal] = useState(false);\n\n  const fieldProps = { inline: false, small };\n\n  return (\n    <>\n      <View {...others} className={styles(style.group, style.others, others.className)}>\n        {paymentsConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PAYMENT_TERMS)}\n            value={parseHtml(paymentsConditions, { small })}\n          />\n        )}\n\n        {cancelationPolicy && (\n          <Field {...fieldProps} label={translate(L10N.LABEL_CANCELLATION_POLICY)} value={cancelationPolicy.summary}>\n            {cancelationPolicy?.detail && (\n              <Action inline small={small} underline onPress={() => setModal(true)} className={style.noPrint}>\n                {translate(L10N.ACTION_MORE_INFO)}\n              </Action>\n            )}\n          </Field>\n        )}\n\n        {privacyPolicy && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PRIVACY_POLICY)}\n            value={translate(L10N.LABEL_PRIVACY_POLICY_DESCRIPTION, {\n              link: (\n                <Action\n                  href={privacyPolicy}\n                  inline\n                  target=\"_blank\"\n                  small={small}\n                  underline\n                  onPress={() => track(`${tracking}:ACTION:PRIVACY_MORE_INFO`)}\n                  className={styles(style.linkPrivacy, style.noPrint)}\n                >\n                  {translate(L10N.ACTION_MORE_INFO)}\n                </Action>\n              ),\n            })}\n          />\n        )}\n        {otherConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_OTHERS_TERMS)}\n            value={parseHtml(otherConditions, { small })}\n          />\n        )}\n      </View>\n\n      {cancelationPolicy?.detail && (\n        <Modal title={translate(L10N.LABEL_CANCELLATION_POLICY)} visible={modal} onClose={() => setModal(false)}>\n          <Text className={style.modal}>{cancelationPolicy.detail}</Text>\n        </Modal>\n      )}\n    </>\n  );\n};\n\nBookingTerms.displayName = 'Mirai:Core:BookingTerms';\n\nBookingTerms.propTypes = {\n  dataSource: PropTypes.shape({\n    cancelationPolicy: PropTypes.shape({\n      summary: PropTypes.string,\n      details: PropTypes.string,\n    }),\n    payment: PropTypes.string,\n    paymentsConditions: PropTypes.string,\n  }),\n  small: PropTypes.bool,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTerms };\n"],"mappings":"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"}
+{"version":3,"file":"BookingTerms.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTermsL10n","style","_components","_parseHtml","_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","BookingTerms","_ref","dataSource","cancelationPolicy","otherConditions","paymentsConditions","hotel","privacyPolicy","small","tracking","others","translate","useLocale","track","useMetrics","modal","setModal","useState","fieldProps","inline","createElement","Fragment","View","className","styles","box","Field","label","L10N","LABEL_PAYMENT_TERMS","value","parseHtml","LABEL_CANCELLATION_POLICY","summary","detail","Action","underline","onPress","noPrint","ACTION_MORE_INFO","LABEL_PRIVACY_POLICY","LABEL_PRIVACY_POLICY_DESCRIPTION","link","href","concat","linkPrivacy","LABEL_OTHERS_TERMS","Modal","title","visible","onClose","Text","exports","displayName","propTypes","PropTypes","shape","string","details","payment","bool"],"sources":["../../../../src/components/__shared__/BookingTerms/BookingTerms.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Modal, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './BookingTerms.l10n.js';\nimport * as style from './BookingTerms.module.css';\nimport { Field } from '../../Booking/components';\nimport { parseHtml } from '../../helpers/parseHtml';\n\nconst BookingTerms = ({\n  dataSource: { cancelationPolicy, otherConditions, paymentsConditions, hotel: { privacyPolicy } = {} } = {},\n  small,\n  tracking,\n  ...others\n}) => {\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n\n  const [modal, setModal] = useState(false);\n\n  const fieldProps = { inline: false, small };\n\n  return (\n    <>\n      <View {...others} className={styles(style.box, style.others, others.className)}>\n        {paymentsConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PAYMENT_TERMS)}\n            value={parseHtml(paymentsConditions, { small })}\n          />\n        )}\n\n        {cancelationPolicy && (\n          <Field {...fieldProps} label={translate(L10N.LABEL_CANCELLATION_POLICY)} value={cancelationPolicy.summary}>\n            {cancelationPolicy?.detail && (\n              <Action inline small={small} underline onPress={() => setModal(true)} className={style.noPrint}>\n                {translate(L10N.ACTION_MORE_INFO)}\n              </Action>\n            )}\n          </Field>\n        )}\n\n        {privacyPolicy && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PRIVACY_POLICY)}\n            value={translate(L10N.LABEL_PRIVACY_POLICY_DESCRIPTION, {\n              link: (\n                <Action\n                  href={privacyPolicy}\n                  inline\n                  target=\"_blank\"\n                  small={small}\n                  underline\n                  onPress={() => track(`${tracking}:ACTION:PRIVACY_MORE_INFO`)}\n                  className={styles(style.linkPrivacy, style.noPrint)}\n                >\n                  {translate(L10N.ACTION_MORE_INFO)}\n                </Action>\n              ),\n            })}\n          />\n        )}\n        {otherConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_OTHERS_TERMS)}\n            value={parseHtml(otherConditions, { small })}\n          />\n        )}\n      </View>\n\n      {cancelationPolicy?.detail && (\n        <Modal title={translate(L10N.LABEL_CANCELLATION_POLICY)} visible={modal} onClose={() => setModal(false)}>\n          <Text className={style.modal}>{cancelationPolicy.detail}</Text>\n        </Modal>\n      )}\n    </>\n  );\n};\n\nBookingTerms.displayName = 'Mirai:Core:BookingTerms';\n\nBookingTerms.propTypes = {\n  dataSource: PropTypes.shape({\n    cancelationPolicy: PropTypes.shape({\n      summary: PropTypes.string,\n      details: PropTypes.string,\n    }),\n    payment: PropTypes.string,\n    paymentsConditions: PropTypes.string,\n  }),\n  small: PropTypes.bool,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTerms };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-.group {
+.box {
   align-items: flex-start;
   background-color: var(--mirai-ui-base);
   box-shadow: 0 0 1px var(--mirai-ui-content-light);
@@ -6,7 +6,7 @@
   padding: var(--mirai-ui-space-M);
 }
 
-.group > * {
+.box > * {
   flex: 1;
 }
 
@@ -24,18 +24,18 @@
     display: none;
   }
 
-  .group {
+  .box {
     border-radius: 0;
     box-shadow: none;
     margin: 0;
     padding: 0 0 var(--mirai-ui-space-XS) 0;
   }
 
-  .group.others > * {
+  .box.others > * {
     margin-top: var(--mirai-ui-space-M);
   }
 
-  .group span {
+  .box span {
     font-size: var(--mirai-ui-font-size-small);
     line-height: var(--mirai-ui-line-height-small);
   }

package/build/components/__shared__/ButtonMore/ButtonMore.js

@@ -31,14 +31,12 @@ const ButtonMore = _ref => {
   return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, rest, {
     wide: true,
     className: (0, _ui.styles)(style.container, others.className)
-  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    secondary: true,
-    small: true,
+  }), /*#__PURE__*/_react.default.createElement(_ui.Action, {
     onPress: onPress,
     testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+  }, text || translate(_ButtonMore.L10N.ACTION_VIEW_MORE), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: _helpers.ICON.EXPAND_MORE
-  }), text || translate(_ButtonMore.L10N.ACTION_VIEW_MORE)));
+  })));
 };
 exports.ButtonMore = ButtonMore;
 ButtonMore.displayName = 'Mirai:Core:ButtonMore';

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonMore.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_ButtonMore","style","_interopRequireWildcard","_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","ButtonMore","_ref","text","onPress","others","translate","useLocale","testId","rest","createElement","View","wide","className","styles","container","Button","secondary","small","Icon","value","ICON","EXPAND_MORE","L10N","ACTION_VIEW_MORE","exports","displayName","propTypes","PropTypes","string","func"],"sources":["../../../../src/components/__shared__/ButtonMore/ButtonMore.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './ButtonMore.l10n';\nimport * as style from './ButtonMore.module.css';\nimport { ICON } from '../../helpers';\n\nconst ButtonMore = ({ text, onPress, ...others }) => {\n  const { translate } = useLocale();\n\n  const { testId, ...rest } = others;\n\n  return (\n    <View {...rest} wide className={styles(style.container, others.className)}>\n      <Button secondary small onPress={onPress} testId={testId}>\n        <Icon value={ICON.EXPAND_MORE} />\n        {text || translate(L10N.ACTION_VIEW_MORE)}\n      </Button>\n    </View>\n  );\n};\n\nButtonMore.displayName = 'Mirai:Core:ButtonMore';\n\nButtonMore.propTypes = {\n  text: PropTypes.string,\n  onPress: PropTypes.func,\n};\n\nexport { ButtonMore };\n"],"mappings":"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"}
+{"version":3,"file":"ButtonMore.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_ButtonMore","style","_interopRequireWildcard","_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","ButtonMore","_ref","text","onPress","others","translate","useLocale","testId","rest","createElement","View","wide","className","styles","container","Action","L10N","ACTION_VIEW_MORE","Icon","value","ICON","EXPAND_MORE","exports","displayName","propTypes","PropTypes","string","func"],"sources":["../../../../src/components/__shared__/ButtonMore/ButtonMore.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Icon, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './ButtonMore.l10n';\nimport * as style from './ButtonMore.module.css';\nimport { ICON } from '../../helpers';\n\nconst ButtonMore = ({ text, onPress, ...others }) => {\n  const { translate } = useLocale();\n\n  const { testId, ...rest } = others;\n\n  return (\n    <View {...rest} wide className={styles(style.container, others.className)}>\n      <Action onPress={onPress} testId={testId}>\n        {text || translate(L10N.ACTION_VIEW_MORE)}\n        <Icon value={ICON.EXPAND_MORE} />\n      </Action>\n    </View>\n  );\n};\n\nButtonMore.displayName = 'Mirai:Core:ButtonMore';\n\nButtonMore.propTypes = {\n  text: PropTypes.string,\n  onPress: PropTypes.func,\n};\n\nexport { ButtonMore };\n"],"mappings":"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"}

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

@@ -1,9 +1,4 @@
 .container {
   align-items: center;
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, var(--mirai-ui-base) 100%);
-  bottom: 0;
   justify-content: center;
-  left: 0;
-  position: absolute;
-  right: 0;
 }

package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap

@@ -6,8 +6,9 @@ exports[`component:<ButtonMore> inherit:className 1`] = `
     class="view wide mirai"
   >
     <button
-      class="pressable button small secondary"
+      class="pressable action"
     >
+      common.action.view_more
       <span
         class="icon headline-3"
       >
@@ -30,7 +31,6 @@ exports[`component:<ButtonMore> inherit:className 1`] = `
           />
         </svg>
       </span>
-      common.action.view_more
     </button>
   </div>
 </DocumentFragment>
@@ -42,8 +42,9 @@ exports[`component:<ButtonMore> renders 1`] = `
     class="view wide"
   >
     <button
-      class="pressable button small secondary"
+      class="pressable action"
     >
+      common.action.view_more
       <span
         class="icon headline-3"
       >
@@ -66,7 +67,6 @@ exports[`component:<ButtonMore> renders 1`] = `
           />
         </svg>
       </span>
-      common.action.view_more
     </button>
   </div>
 </DocumentFragment>
@@ -78,9 +78,10 @@ exports[`component:<ButtonMore> testID 1`] = `
     class="view wide"
   >
     <button
-      class="pressable button small secondary"
+      class="pressable action"
       data-testid="mirai"
     >
+      common.action.view_more
       <span
         class="icon headline-3"
       >
@@ -103,7 +104,6 @@ exports[`component:<ButtonMore> testID 1`] = `
           />
         </svg>
       </span>
-      common.action.view_more
     </button>
   </div>
 </DocumentFragment>

package/build/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.module.css

@@ -14,9 +14,10 @@
 .frame {
   color: var(--mirai-ui-input-color);
   direction: var(--mirai-ui-text-direction);
-  padding-top: var(--mirai-ui-space-S) !important;
+  padding-bottom: 0 !important;
+  padding-top: var(--mirai-ui-space-M) !important;
   outline: 0;
-  height: calc(var(--mirai-ui-space-XS) + var(--mirai-ui-space-L));
+  height: var(--mirai-ui-space-L);
 }
 
 .frame::placeholder {

package/build/components/__shared__/ButtonPayment/components/FormCheckout/__tests__/__snapshots__/FormCheckout.test.js.snap

@@ -16,17 +16,21 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
+        <div
+          class="view wide"
         >
-          payments.label.card_name
-        </span>
-        <input
-          class="input"
-          name="name"
-          type="text"
-          value=""
-        />
+          <span
+            class="text small"
+          >
+            payments.label.card_name
+          </span>
+          <input
+            class="input"
+            name="name"
+            type="text"
+            value=""
+          />
+        </div>
       </div>
     </div>
     <div
@@ -35,14 +39,18 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
-        >
-          payments.label.card_number
-        </span>
         <div
-          class="card-number-frame"
-        />
+          class="view wide"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+          </span>
+          <div
+            class="card-number-frame"
+          />
+        </div>
       </div>
     </div>
     <div
@@ -54,14 +62,18 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
-          >
-            payments.label.expiration
-          </span>
           <div
-            class="expiry-date-frame"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+            </span>
+            <div
+              class="expiry-date-frame"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -70,14 +82,18 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
-          >
-            payments.label.cvv
-          </span>
           <div
-            class="cvv-frame"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.cvv
+            </span>
+            <div
+              class="cvv-frame"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -118,17 +134,21 @@ exports[`component:<FormCheckout> renders 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
+        <div
+          class="view wide"
         >
-          payments.label.card_name
-        </span>
-        <input
-          class="input"
-          name="name"
-          type="text"
-          value=""
-        />
+          <span
+            class="text small"
+          >
+            payments.label.card_name
+          </span>
+          <input
+            class="input"
+            name="name"
+            type="text"
+            value=""
+          />
+        </div>
       </div>
     </div>
     <div
@@ -137,14 +157,18 @@ exports[`component:<FormCheckout> renders 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
-        >
-          payments.label.card_number
-        </span>
         <div
-          class="card-number-frame"
-        />
+          class="view wide"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+          </span>
+          <div
+            class="card-number-frame"
+          />
+        </div>
       </div>
     </div>
     <div
@@ -156,14 +180,18 @@ exports[`component:<FormCheckout> renders 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
-          >
-            payments.label.expiration
-          </span>
           <div
-            class="expiry-date-frame"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+            </span>
+            <div
+              class="expiry-date-frame"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -172,14 +200,18 @@ exports[`component:<FormCheckout> renders 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
-          >
-            payments.label.cvv
-          </span>
           <div
-            class="cvv-frame"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.cvv
+            </span>
+            <div
+              class="cvv-frame"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -221,17 +253,21 @@ exports[`component:<FormCheckout> testID 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
+        <div
+          class="view wide"
         >
-          payments.label.card_name
-        </span>
-        <input
-          class="input"
-          name="name"
-          type="text"
-          value=""
-        />
+          <span
+            class="text small"
+          >
+            payments.label.card_name
+          </span>
+          <input
+            class="input"
+            name="name"
+            type="text"
+            value=""
+          />
+        </div>
       </div>
     </div>
     <div
@@ -240,14 +276,18 @@ exports[`component:<FormCheckout> testID 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
-        >
-          payments.label.card_number
-        </span>
         <div
-          class="card-number-frame"
-        />
+          class="view wide"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+          </span>
+          <div
+            class="card-number-frame"
+          />
+        </div>
       </div>
     </div>
     <div
@@ -259,14 +299,18 @@ exports[`component:<FormCheckout> testID 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
-          >
-            payments.label.expiration
-          </span>
           <div
-            class="expiry-date-frame"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+            </span>
+            <div
+              class="expiry-date-frame"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -275,14 +319,18 @@ exports[`component:<FormCheckout> testID 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
-          >
-            payments.label.cvv
-          </span>
           <div
-            class="cvv-frame"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.cvv
+            </span>
+            <div
+              class="cvv-frame"
+            />
+          </div>
         </div>
       </div>
     </div>