@paypal/checkout-components 5.0.256 → 5.0.258

package/src/ui/buttons/menu-button/menu-button.scoped.scss

@@ -1,21 +1,20 @@
-
 .menu-button {
-    position: relative;
-    display: inline-block;
-    margin-left: 2px;
-    cursor: pointer;
+  position: relative;
+  display: inline-block;
+  margin-left: 2px;
+  cursor: pointer;
 
-    &:focus {
-        outline: none;
-        box-shadow: 0 0 0 2px rgba(50, 50, 50, 0.9) inset;
-    }
+  &:focus {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(50, 50, 50, 0.9) inset;
+  }
 
-    img {
-        height: 30%;
-        width: 30%;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translateX(-50%) translateY(-50%);
-    }
+  img {
+    height: 30%;
+    width: 30%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
 }

package/src/ui/buttons/poweredBy.jsx

@@ -1,18 +1,17 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
-import { type LocaleType } from '@paypal/sdk-constants/src';
-import { LOGO_COLOR, LOGO_CLASS } from '@paypal/sdk-logos/src';
+import { node, type ChildType } from "@krakenjs/jsx-pragmatic/src";
+import { type LocaleType } from "@paypal/sdk-constants/src";
+import { LOGO_COLOR, LOGO_CLASS } from "@paypal/sdk-logos/src";
 
-import { CLASS } from '../../constants';
-import { Text } from '../text';
-
-import { buttonContent } from './content';
+import { CLASS } from "../../constants";
+import { Text } from "../text";
 
+import { buttonContent } from "./content";
 
 const POWERED_BY_PAYPAL_STYLE = `
-    .${ CLASS.POWERED_BY } {
+    .${CLASS.POWERED_BY} {
         text-align: center;
         margin: 10px auto;
         height: 14px;
@@ -27,8 +26,8 @@ const POWERED_BY_PAYPAL_STYLE = `
         bottom: 3px;
     }
 
-    .${ CLASS.POWERED_BY } > .${ CLASS.TEXT },
-    .${ CLASS.POWERED_BY } > .${ LOGO_CLASS.LOGO } {
+    .${CLASS.POWERED_BY} > .${CLASS.TEXT},
+    .${CLASS.POWERED_BY} > .${LOGO_CLASS.LOGO} {
         display: inline-block;
         vertical-align: middle;
         height: 16px;
@@ -38,19 +37,20 @@ const POWERED_BY_PAYPAL_STYLE = `
 `;
 
 type PoweredByPayPalProps = {|
-    locale : LocaleType,
-    nonce : string
+  locale: LocaleType,
+  nonce: string,
 |};
 
-export function PoweredByPayPal({ locale: { lang }, nonce } : PoweredByPayPalProps) : ChildType {
-    const { PoweredBy } = buttonContent[lang];
-
-    return (
-        <div class={ CLASS.POWERED_BY }>
-            <style nonce={ nonce } innerHTML={ POWERED_BY_PAYPAL_STYLE } />
-            { __WEB__
-                ? <Text />
-                : <PoweredBy logoColor={ LOGO_COLOR.BLUE } />}
-        </div>
-    );
+export function PoweredByPayPal({
+  locale: { lang },
+  nonce,
+}: PoweredByPayPalProps): ChildType {
+  const { PoweredBy } = buttonContent[lang];
+
+  return (
+    <div class={CLASS.POWERED_BY}>
+      <style nonce={nonce} innerHTML={POWERED_BY_PAYPAL_STYLE} />
+      {__WEB__ ? <Text /> : <PoweredBy logoColor={LOGO_COLOR.BLUE} />}
+    </div>
+  );
 }