@sproutsocial/racine 12.19.0 → 12.21.0

package/lib/Popout/index.js

@@ -1,42 +1,40 @@
 var _excluded = ["isOpen", "setIsOpen", "content", "children", "placement", "fullWidth", "zIndex", "focusOnContent", "onOpen", "onClose", "qa", "popperProps", "scheduleUpdateRef", "appendToBody", "focusLockProps"],
-    _excluded2 = ["autoFocus", "returnFocus"],
-    _excluded3 = ["children"];
-
-function _extends() { _extends = Object.assign || 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); }
-
+  _excluded2 = ["autoFocus", "returnFocus"],
+  _excluded3 = ["children"];
+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 _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; }
-
-import * as React from "react";
-import { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import { useTransition, animated } from "react-spring";
-import { MOTION_DURATION_FAST } from "@sproutsocial/seeds-motion/dist/seeds-motion-unitless";
-import { TargetWrapper } from "./styles";
-import Portal from "../Portal";
-import Box from "../Box";
-import { Popper } from "react-popper";
-import { useMutationObserver } from "../utils/hooks";
-import FocusLock from "react-focus-lock";
+import * as React from 'react';
+import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { useTransition, animated } from 'react-spring';
+import { MOTION_DURATION_FAST } from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
+import { TargetWrapper } from './styles';
+import Portal from '../Portal';
+import Box from '../Box';
+import { Popper } from 'react-popper';
+import { useMutationObserver } from '../utils/hooks';
+import FocusLock from 'react-focus-lock';
 export var placements = {
-  auto: "auto",
-  top: "top",
-  right: "right",
-  bottom: "bottom",
-  left: "left",
-  "top-start": "top-start",
-  "right-start": "right-start",
-  "bottom-start": "bottom-start",
-  "left-start": "left-start",
-  "top-end": "top-end",
-  "right-end": "right-end",
-  "bottom-end": "bottom-end",
-  "left-end": "left-end"
-}; // Seeds docs can't parse $Keys<typeof placements> yet
+  auto: 'auto',
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left',
+  'top-start': 'top-start',
+  'right-start': 'right-start',
+  'bottom-start': 'bottom-start',
+  'left-start': 'left-start',
+  'top-end': 'top-end',
+  'right-end': 'right-end',
+  'bottom-end': 'bottom-end',
+  'left-end': 'left-end'
+};
+// Seeds docs can't parse $Keys<typeof placements> yet
 
 var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
   return ref.current && event.target instanceof Node && ref.current.contains(event.target);
-}; // Transition definitions for fading in and out
-
+};
 
+// Transition definitions for fading in and out
 var transitionConfig = {
   from: {
     opacity: 0
@@ -53,37 +51,34 @@ var transitionConfig = {
 };
 export default function Popout(_ref) {
   var isOpen = _ref.isOpen,
-      setIsOpen = _ref.setIsOpen,
-      content = _ref.content,
-      children = _ref.children,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? "auto" : _ref$placement,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 7 : _ref$zIndex,
-      _ref$focusOnContent = _ref.focusOnContent,
-      focusOnContent = _ref$focusOnContent === void 0 ? true : _ref$focusOnContent,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose,
-      _ref$qa = _ref.qa,
-      qa = _ref$qa === void 0 ? {} : _ref$qa,
-      popperProps = _ref.popperProps,
-      _ref$scheduleUpdateRe = _ref.scheduleUpdateRef,
-      scheduleUpdateRef = _ref$scheduleUpdateRe === void 0 ? function () {} : _ref$scheduleUpdateRe,
-      _ref$appendToBody = _ref.appendToBody,
-      appendToBody = _ref$appendToBody === void 0 ? true : _ref$appendToBody,
-      _ref$focusLockProps = _ref.focusLockProps,
-      focusLockProps = _ref$focusLockProps === void 0 ? {} : _ref$focusLockProps,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    setIsOpen = _ref.setIsOpen,
+    content = _ref.content,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 7 : _ref$zIndex,
+    _ref$focusOnContent = _ref.focusOnContent,
+    focusOnContent = _ref$focusOnContent === void 0 ? true : _ref$focusOnContent,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose,
+    _ref$qa = _ref.qa,
+    qa = _ref$qa === void 0 ? {} : _ref$qa,
+    popperProps = _ref.popperProps,
+    _ref$scheduleUpdateRe = _ref.scheduleUpdateRef,
+    scheduleUpdateRef = _ref$scheduleUpdateRe === void 0 ? function () {} : _ref$scheduleUpdateRe,
+    _ref$appendToBody = _ref.appendToBody,
+    appendToBody = _ref$appendToBody === void 0 ? true : _ref$appendToBody,
+    _ref$focusLockProps = _ref.focusLockProps,
+    focusLockProps = _ref$focusLockProps === void 0 ? {} : _ref$focusLockProps,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var PopoutComponentWrapper = appendToBody ? Portal : React.Fragment;
-
   var _useState = useState(false),
-      isInternalShown = _useState[0],
-      setIsInternalShown = _useState[1];
-
-  var isControlled = typeof isOpen === "boolean";
+    isInternalShown = _useState[0],
+    setIsInternalShown = _useState[1];
+  var isControlled = typeof isOpen === 'boolean';
   var isShown = isControlled ? isOpen : isInternalShown;
   var setIsShown = useMemo(function () {
     return isControlled && setIsOpen ? setIsOpen : function (nextIsShown, e) {
@@ -92,24 +87,23 @@ export default function Popout(_ref) {
   }, [isControlled, setIsOpen]);
   var targetRef = useRef();
   var popoutRef = useRef();
-  var isFirstRender = useRef(true); // This callback will automatically trigger a recalculation of the popout position if the content is changed
-
+  var isFirstRender = useRef(true);
+  // This callback will automatically trigger a recalculation of the popout position if the content is changed
   var scheduleUpdateCallback = useRef(function () {});
   useMutationObserver(popoutRef.current, {
     childList: true,
     characterData: true,
     subtree: true
   }, scheduleUpdateCallback.current);
-
   var _focusLockProps$autoF = focusLockProps.autoFocus,
-      autoFocus = _focusLockProps$autoF === void 0 ? true : _focusLockProps$autoF,
-      _focusLockProps$retur = focusLockProps.returnFocus,
-      returnFocus = _focusLockProps$retur === void 0 ? true : _focusLockProps$retur,
-      restFocusLockProps = _objectWithoutPropertiesLoose(focusLockProps, _excluded2);
+    autoFocus = _focusLockProps$autoF === void 0 ? true : _focusLockProps$autoF,
+    _focusLockProps$retur = focusLockProps.returnFocus,
+    returnFocus = _focusLockProps$retur === void 0 ? true : _focusLockProps$retur,
+    restFocusLockProps = _objectWithoutPropertiesLoose(focusLockProps, _excluded2);
+  var isInvalidContent = content === null || content === undefined;
 
-  var isInvalidContent = content === null || content === undefined; // Callbacks for showing, hiding, and toggling visibility of the popout
+  // Callbacks for showing, hiding, and toggling visibility of the popout
   // (Not used when isOpen is passed explicitly)
-
   var show = useCallback(function () {
     return setIsShown(true);
   }, [setIsShown]);
@@ -121,7 +115,6 @@ export default function Popout(_ref) {
   }, [isShown, setIsShown]);
   useEffect(function () {
     var documentBody = document.body;
-
     if (isShown && documentBody) {
       // Callback passed to a click handler attached to document.body,
       // allowing user to close the popout by clicking outside
@@ -129,78 +122,74 @@ export default function Popout(_ref) {
         if (doesRefContainEventTarget(targetRef, e) || doesRefContainEventTarget(popoutRef, e)) {
           return;
         }
-
         setIsShown(false, e);
-      }; // Callback for allowing user to close by keying "esc"
-
+      };
 
+      // Callback for allowing user to close by keying "esc"
       var onEsc = function onEsc(e) {
         // older browsers use "Esc"
-        if (["Escape", "Esc"].includes(e.key)) {
+        if (['Escape', 'Esc'].includes(e.key)) {
           // stop propagation to avoid interacting with other components when popout is shown
           // ie if we have a popout shown in a modal and hit esc, we don't want to close both the popout and modal
           e.stopPropagation();
           setIsShown(false, e);
         }
       };
-
-      documentBody.addEventListener("click", bodyClick, false);
-      documentBody.addEventListener("keydown", onEsc, false);
+      documentBody.addEventListener('click', bodyClick, false);
+      documentBody.addEventListener('keydown', onEsc, false);
       return function () {
-        documentBody.removeEventListener("click", bodyClick, false);
-        documentBody.removeEventListener("keydown", onEsc, false);
+        documentBody.removeEventListener('click', bodyClick, false);
+        documentBody.removeEventListener('keydown', onEsc, false);
       };
     }
-  }, [isShown, setIsShown]); // Manage onOpen and onClose callbacks
+  }, [isShown, setIsShown]);
 
+  // Manage onOpen and onClose callbacks
   useEffect(function () {
     // Don't fire onClose on the first render
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
     }
-
     if (!onOpen && !onClose) {
       return;
     }
-
     if (isShown && onOpen) {
       onOpen();
     }
-
     if (!isShown && onClose) {
       onClose();
-    } // eslint-disable-next-line
-
+    }
+    // eslint-disable-next-line
   }, [isShown]);
-  var transitions = useTransition(isShown, null, transitionConfig); // WAI-Aria properties for the popout trigger
+  var transitions = useTransition(isShown, null, transitionConfig);
 
+  // WAI-Aria properties for the popout trigger
   var ariaProps = useMemo(function () {
     return {
-      "aria-expanded": isShown,
-      "aria-haspopup": true
+      'aria-expanded': isShown,
+      'aria-haspopup': true
     };
-  }, [isShown]); // In cases where a controlled popout is used (e.g. props.isOpen is true), we need
+  }, [isShown]);
+
+  // In cases where a controlled popout is used (e.g. props.isOpen is true), we need
   // to wait for the targetRef to receive a value before rendering the popout. Otherwise,
   // the Popout component renders, but doesn't know how to position itself due the
   // `refereElement` property being undefined.
-
-  var _useState2 = useState( // Only trigger this shouldRenderPopout logic when using a controlled component.
-  // The reason for that is because controlled components may render the popout
-  // immediately before the targetRef has a value set to it.
-  !isControlled),
-      shouldRenderPopout = _useState2[0],
-      setShouldRenderPopout = _useState2[1];
-
+  var _useState2 = useState(
+    // Only trigger this shouldRenderPopout logic when using a controlled component.
+    // The reason for that is because controlled components may render the popout
+    // immediately before the targetRef has a value set to it.
+    !isControlled),
+    shouldRenderPopout = _useState2[0],
+    setShouldRenderPopout = _useState2[1];
   var childrenRef = function childrenRef(el) {
     targetRef.current = el;
-
     if (targetRef.current) {
       setShouldRenderPopout(true);
     }
   };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === "function" ? children({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'function' ? children({
     ref: childrenRef,
     toggle: toggle,
     show: show,
@@ -212,8 +201,8 @@ export default function Popout(_ref) {
     onClick: toggle
   } : undefined))), shouldRenderPopout && !isInvalidContent && transitions.map(function (_ref2) {
     var item = _ref2.item,
-        key = _ref2.key,
-        props = _ref2.props;
+      key = _ref2.key,
+      props = _ref2.props;
     return item && /*#__PURE__*/React.createElement(PopoutComponentWrapper, {
       key: key
     }, /*#__PURE__*/React.createElement(Popper, _extends({
@@ -221,50 +210,46 @@ export default function Popout(_ref) {
       placement: placement,
       modifiers: {
         preventOverflow: {
-          boundariesElement: "viewport"
+          boundariesElement: 'viewport'
         }
       }
     }, popperProps), function (_ref3) {
       var ref = _ref3.ref,
-          style = _ref3.style,
-          placement = _ref3.placement,
-          outOfBoundaries = _ref3.outOfBoundaries,
-          scheduleUpdate = _ref3.scheduleUpdate;
-
+        style = _ref3.style,
+        placement = _ref3.placement,
+        outOfBoundaries = _ref3.outOfBoundaries,
+        scheduleUpdate = _ref3.scheduleUpdate;
       var interceptRef = function interceptRef(el) {
         popoutRef.current = el;
         ref(el);
       };
-
       scheduleUpdateCallback.current = scheduleUpdate;
       scheduleUpdateRef(scheduleUpdate);
       return /*#__PURE__*/React.createElement("div", _extends({
         ref: interceptRef,
         style: _extends({}, style, {
           zIndex: zIndex,
-          width: fullWidth && targetRef.current ? targetRef.current.offsetWidth : "initial"
+          width: fullWidth && targetRef.current ? targetRef.current.offsetWidth : 'initial'
         }),
         "data-placement": placement,
-        "data-qa-popout": "",
-        "data-qa-popout-isopen": isOpen === true // $FlowIssue - upgrade v0.112.0
-
+        "data-qa-popout": '',
+        "data-qa-popout-isopen": isOpen === true
+        // $FlowIssue - upgrade v0.112.0
       }, rest), item && !outOfBoundaries && /*#__PURE__*/React.createElement(animated.div, {
         style: props
       }, /*#__PURE__*/React.createElement(FocusLock, _extends({
         autoFocus: autoFocus,
         returnFocus: returnFocus,
         disabled: !focusOnContent
-      }, restFocusLockProps), typeof content === "function" && content({
+      }, restFocusLockProps), typeof content === 'function' && content({
         hide: hide
-      }), typeof content !== "function" && content)));
+      }), typeof content !== 'function' && content)));
     }));
   }));
 }
-
 var PopoutContent = function PopoutContent(_ref4) {
   var children = _ref4.children,
-      rest = _objectWithoutPropertiesLoose(_ref4, _excluded3);
-
+    rest = _objectWithoutPropertiesLoose(_ref4, _excluded3);
   return /*#__PURE__*/React.createElement(Box, _extends({
     bg: "container.background.base",
     color: "text.body",
@@ -276,6 +261,5 @@ var PopoutContent = function PopoutContent(_ref4) {
     m: 300
   }, rest), children);
 };
-
 Popout.Content = PopoutContent;
-Popout.Content.displayName = "Popout.Content";
+Popout.Content.displayName = 'Popout.Content';

package/lib/Popout/styles.js

@@ -1,6 +1,6 @@
-import styled from "styled-components";
-import { COMMON, LAYOUT } from "../utils/system-props";
-// eslint-disable-next-line prettier/prettier
+
+import styled from 'styled-components';
+import { COMMON, LAYOUT } from '../utils/system-props';
 export var TargetWrapper = styled.div.withConfig({
   displayName: "styles__TargetWrapper",
   componentId: "sc-qo3sn-0"

package/lib/Portal/index.js

@@ -1,76 +1,58 @@
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import * as React from "react";
-import { createPortal } from "react-dom";
-import { canUseDOM } from "../utils";
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { canUseDOM } from '../utils';
 var Portal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Portal, _React$Component);
-
   function Portal(props) {
     var _this;
-
     _this = _React$Component.call(this, props) || this;
     _this.el = null;
-
     if (canUseDOM()) {
       var as = props.as,
-          el = props.el,
-          id = props.id;
-
+        el = props.el,
+        id = props.id;
       if (el) {
         _this.el = el;
       } else {
         _this.el = document.createElement(as);
-
-        _this.el.setAttribute("data-racine-portal", id);
+        _this.el.setAttribute('data-racine-portal', id);
       }
     }
-
     return _this;
   }
-
   var _proto = Portal.prototype;
-
   _proto.componentDidMount = function componentDidMount() {
     if (canUseDOM() && this.el) {
       var _this$props$container = this.props.container,
-          container = _this$props$container === void 0 ? document.body : _this$props$container;
-
+        container = _this$props$container === void 0 ? document.body : _this$props$container;
       if (container) {
         // for flow
         container.appendChild(this.el);
       }
     }
   };
-
   _proto.componentWillUnmount = function componentWillUnmount() {
     if (canUseDOM() && this.el) {
       var _this$props$container2 = this.props.container,
-          container = _this$props$container2 === void 0 ? document.body : _this$props$container2;
-
+        container = _this$props$container2 === void 0 ? document.body : _this$props$container2;
       if (container) {
         // for flow
         container.removeChild(this.el);
       }
     }
   };
-
   _proto.render = function render() {
     if (this.el) {
       return /*#__PURE__*/createPortal(this.props.children, this.el);
     }
-
     return this.props.children;
   };
-
   return Portal;
 }(React.Component);
-
 Portal.defaultProps = {
-  as: "div",
-  id: ""
+  as: 'div',
+  id: ''
 };
 export { Portal as default };

package/lib/Radio/index.js

@@ -1,77 +1,59 @@
 var _excluded = ["id", "value", "name", "label", "checked", "disabled", "onChange", "onFocus", "onBlur", "ariaLabel", "qa"];
-
-function _extends() { _extends = Object.assign || 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 _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 _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; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import * as React from "react";
-import Container, { Input, InputWrapper, LabelText } from "./styles";
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import * as React from 'react';
+import Container, { Input, InputWrapper, LabelText } from './styles';
 /**
  * Primitive Radio Element
- */
-var Radio = /*#__PURE__*/function (_React$Component) {
+ */var Radio = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Radio, _React$Component);
-
   function Radio() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
     _this.handleChange = function (e) {
       if (!!_this.props.checked || _this.props.disabled) {
         return;
       }
-
       _this.props.onChange && _this.props.onChange(e);
     };
-
     _this.handleFocus = function (e) {
       if (_this.props.onFocus) {
         _this.props.onFocus(e);
       }
     };
-
     _this.handleBlur = function (e) {
       if (_this.props.onBlur) {
         _this.props.onBlur(e);
       }
     };
-
     return _this;
   }
-
   var _proto = Radio.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        id = _this$props.id,
-        value = _this$props.value,
-        name = _this$props.name,
-        label = _this$props.label,
-        checked = _this$props.checked,
-        disabled = _this$props.disabled,
-        onChange = _this$props.onChange,
-        onFocus = _this$props.onFocus,
-        onBlur = _this$props.onBlur,
-        ariaLabel = _this$props.ariaLabel,
-        _this$props$qa = _this$props.qa,
-        qa = _this$props$qa === void 0 ? {} : _this$props$qa,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      id = _this$props.id,
+      value = _this$props.value,
+      name = _this$props.name,
+      label = _this$props.label,
+      checked = _this$props.checked,
+      disabled = _this$props.disabled,
+      onChange = _this$props.onChange,
+      onFocus = _this$props.onFocus,
+      onBlur = _this$props.onBlur,
+      ariaLabel = _this$props.ariaLabel,
+      _this$props$qa = _this$props.qa,
+      qa = _this$props$qa === void 0 ? {} : _this$props$qa,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return (
       /*#__PURE__*/
       // $FlowIssue - upgrade v0.112.0
       React.createElement(Container, _extends({
-        as: label && "label"
+        as: label && 'label'
       }, rest), /*#__PURE__*/React.createElement(InputWrapper, {
         checked: checked,
         disabled: disabled
@@ -86,7 +68,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
         onChange: this.handleChange,
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
-        "data-qa-radio": name || "",
+        "data-qa-radio": name || '',
         "data-qa-radio-ischecked": checked === true,
         "data-qa-radio-isdisabled": disabled === true
       }, qa))), label && /*#__PURE__*/React.createElement(LabelText, {
@@ -94,10 +76,8 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       }, label))
     );
   };
-
   return Radio;
 }(React.Component);
-
 Radio.defaultProps = {
   disabled: false
 };

package/lib/Radio/styles.js

@@ -1,17 +1,18 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { focusRing, disabled } from "../utils/mixins";
-import Text from "../Text/";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { focusRing, disabled } from '../utils/mixins';
+import Text from '../Text/';
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-uyr445-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], COMMON);
-Container.displayName = "Radio";
+Container.displayName = 'Radio';
 export var Input = styled.input.withConfig({
   displayName: "styles__Input",
   componentId: "sc-uyr445-1"
 })(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;cursor:", ";border:1px solid ", ";border-radius:50%;background-color:", ";transition:border-color ", " ", ",background-color ", " ", ";&:focus{", "}"], function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
+  return props.disabled ? 'not-allowed' : 'pointer';
 }, function (props) {
   return props.theme.colors.form.border.base;
 }, function (props) {
@@ -25,17 +26,16 @@ export var Input = styled.input.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 }, focusRing);
-Input.displayName = "Input"; // eslint-disable-next-line prettier/prettier
-
+Input.displayName = 'Input';
 export var InputWrapper = styled.span.withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-uyr445-2"
-})(["position:relative;width:", ";height:", ";cursor:", ";", " &:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity ", " ", ";z-index:1;pointer-events:none;cursor:", ";}", " ", ""], function (props) {
+})(["position:relative;width:", ";height:", ";cursor:", ";", " &:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity ", " ", ";z-index:1;pointer-events:none;cursor:", ";}", " ", ""], function (props) {
   return props.theme.space[400];
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
+  return props.disabled ? 'not-allowed' : 'pointer';
 }, function (props) {
   return props.disabled && disabled;
 }, function (props) {
@@ -43,13 +43,13 @@ export var InputWrapper = styled.span.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 }, function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
+  return props.disabled ? 'not-allowed' : 'pointer';
 }, function (props) {
   return !props.checked && css(["&:hover,&:focus{", "{border-color:", ";background-color:", ";}&:before{opacity:", ";background-color:", ";}}"], Input, props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.disabled ? 0 : 1, props.theme.colors.form.background.base);
 }, function (props) {
   return props.checked && css(["", "{border-color:", ";background-color:", ";}&:before{opacity:1;background-color:", ";}"], Input, props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.theme.colors.form.background.base);
 });
-InputWrapper.displayName = "InputWrapper";
+InputWrapper.displayName = 'InputWrapper';
 export var LabelText = styled(Text).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-uyr445-3"
@@ -58,11 +58,11 @@ export var LabelText = styled(Text).withConfig({
 }, function (props) {
   return props.theme.typography[200].fontSize;
 }, function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
+  return props.disabled ? 'not-allowed' : 'pointer';
 }, function (props) {
   return props.theme.colors.text.headline;
 }, function (props) {
   return props.disabled && css(["opacity:0.4;"]);
 });
-LabelText.displayName = "LabelText";
+LabelText.displayName = 'LabelText';
 export default Container;