@sproutsocial/racine 12.20.0 → 12.21.1

package/lib/Button/styles.js

@@ -1,7 +1,8 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT } from "../utils/system-props";
-import { focusRing, disabled, pill } from "../utils/mixins";
-import Icon from "../Icon/styles";
+
+import styled, { css } from 'styled-components';
+import { COMMON, LAYOUT } from '../utils/system-props';
+import { focusRing, disabled, pill } from '../utils/mixins';
+import Icon from '../Icon/styles';
 var Container = styled.button.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1juy94s-0"
@@ -12,7 +13,7 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.theme.radii[500];
 }, function (props) {
-  return props.appearance === "placeholder" ? "dashed" : "solid";
+  return props.appearance === 'placeholder' ? 'dashed' : 'solid';
 }, function (props) {
   return props.theme.colors.button[props.appearance].background.base;
 }, function (props) {
@@ -22,9 +23,9 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.theme.duration.fast;
 }, function (props) {
-  return props.buttonSize === "default" ? "" + props.theme.space[300] : "" + props.theme.space[350];
+  return props.buttonSize === 'default' ? "" + props.theme.space[300] : "" + props.theme.space[350];
 }, function (props) {
-  return props.buttonSize === "default" ? props.theme.typography[200].fontSize : props.theme.typography[300].fontSize;
+  return props.buttonSize === 'default' ? props.theme.typography[200].fontSize : props.theme.typography[300].fontSize;
 }, function (props) {
   return props.theme.colors.button[props.appearance].text.base;
 }, function (props) {
@@ -32,7 +33,7 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.theme.colors.button[props.appearance].background.hover;
 }, function (props) {
-  return props.appearance === "placeholder" ? props.theme.shadows.low : "none";
+  return props.appearance === 'placeholder' ? props.theme.shadows.low : 'none';
 }, function (props) {
   return props.theme.colors.button[props.appearance].text.hover;
 }, function (props) {
@@ -42,7 +43,9 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.disabled && disabled;
 }, function (props) {
-  return props.appearance === "pill" && css(["display:inline-flex;align-items:center;justify-content:center;background-color:transparent;", " &:focus:active,&:hover{background-color:transparent;box-shadow:inset 0px 0px 0px 1px ", ";}"], pill, props.theme.colors.button[props.appearance].border.hover);
+  return props.appearance === 'pill' && css(["display:inline-flex;align-items:center;justify-content:center;background-color:transparent;", " &:focus:active,&:hover{background-color:transparent;box-shadow:inset 0px 0px 0px 1px ", ";}"], pill, props.theme.colors.button[props.appearance].border.hover);
 }, Icon, LAYOUT, COMMON);
-Container.displayName = "Button-Container";
-export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}
+Container.displayName = 'Button-Container';
+export default Container;
+
+//${props.theme.mode === "dark" ? "screen" : "multiply"}

package/lib/Card/index.js

@@ -1,31 +1,26 @@
-"no babel-plugin-flow-react-proptypes";
+'no babel-plugin-flow-react-proptypes';
 
 var _excluded = ["onClick", "href", "children", "ariaLabel", "buttonProps", "border", "borderColor", "color", "bg"];
-
-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; }
-
-import * as React from "react";
-import { Container, ClickableArea } from "./styles";
-
+import * as React from 'react';
+import { Container, ClickableArea } from './styles';
 var Card = function Card(_ref) {
   var onClick = _ref.onClick,
-      href = _ref.href,
-      children = _ref.children,
-      ariaLabel = _ref.ariaLabel,
-      _ref$buttonProps = _ref.buttonProps,
-      buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
-      _ref$border = _ref.border,
-      border = _ref$border === void 0 ? 500 : _ref$border,
-      _ref$borderColor = _ref.borderColor,
-      borderColor = _ref$borderColor === void 0 ? "container.border.base" : _ref$borderColor,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "text.body" : _ref$color,
-      _ref$bg = _ref.bg,
-      bg = _ref$bg === void 0 ? "container.background.base" : _ref$bg,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    href = _ref.href,
+    children = _ref.children,
+    ariaLabel = _ref.ariaLabel,
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    _ref$border = _ref.border,
+    border = _ref$border === void 0 ? 500 : _ref$border,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? 'container.border.base' : _ref$borderColor,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'text.body' : _ref$color,
+    _ref$bg = _ref.bg,
+    bg = _ref$bg === void 0 ? 'container.background.base' : _ref$bg,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
     border: border,
     borderColor: borderColor,
@@ -37,5 +32,4 @@ var Card = function Card(_ref) {
     href: href
   }, buttonProps), null), children);
 };
-
 export default Card;

package/lib/Card/styles.js

@@ -1,10 +1,11 @@
-import styled from "styled-components";
-import Button from "../Button";
-import Box from "../Box";
+
+import styled from 'styled-components';
+import Button from '../Button';
+import Box from '../Box';
 var Container = styled(Box).withConfig({
   displayName: "styles__Container",
   componentId: "sc-p098yi-0"
-})(["width:100%;border-radius:", ";position:relative;z-index:0;::after{content:\"\";top:0;left:0;position:absolute;border-radius:", ";z-index:-1;width:100%;height:100%;opacity:0;box-shadow:", ";transition:opacity ", " ", ";}&:hover{&::after{opacity:1;}}[role=\"button\"],[type=\"button\"],a{position:relative;}"], function (props) {
+})(["width:100%;border-radius:", ";position:relative;z-index:0;::after{content:'';top:0;left:0;position:absolute;border-radius:", ";z-index:-1;width:100%;height:100%;opacity:0;box-shadow:", ";transition:opacity ", " ", ";}&:hover{&::after{opacity:1;}}[role='button'],[type='button'],a{position:relative;}"], function (props) {
   return props.theme.radii.outer;
 }, function (props) {
   return props.theme.radii[500];

package/lib/CharacterCounter/index.js

@@ -1,45 +1,33 @@
 var _excluded = ["size"];
-
-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 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 from './styles';
 var CharacterCounter = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(CharacterCounter, _React$Component);
-
   function CharacterCounter() {
     return _React$Component.apply(this, arguments) || this;
   }
-
   var _proto = CharacterCounter.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        size = _this$props.size,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      size = _this$props.size,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     var remaining = this.props.maxValue - this.props.currentValue;
     return (
       /*#__PURE__*/
       // $FlowIssue - upgrade v0.112.0
       React.createElement(Container, _extends({
-        mini: size === "mini",
+        mini: size === 'mini',
         overlimit: remaining <= 0
       }, rest), remaining)
     );
   };
-
   return CharacterCounter;
 }(React.Component);
-
 CharacterCounter.defaultProps = {
-  size: "default"
+  size: 'default'
 };
 export { CharacterCounter as default };

package/lib/CharacterCounter/styles.js

@@ -1,5 +1,6 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-do9szx-0"

package/lib/ChartLegend/index.js

@@ -1,18 +1,13 @@
 var _excluded = ["legendLabels", "stacked", "theme"];
-
-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; }
-
-import * as React from "react";
-import Container, { Label, Swatch } from "./styles";
-import Text from "../Text";
-import { THEME_MAP } from "../utils/chartColors";
-
+import * as React from 'react';
+import Container, { Label, Swatch } from './styles';
+import Text from '../Text';
+import { THEME_MAP } from '../utils/chartColors';
 function getSwatchColor(theme, index) {
   return THEME_MAP[theme.toUpperCase()][index];
 }
-
 function getLabels(legendLabels, theme) {
   return legendLabels.map(function (label, i) {
     var labelColor = label.color ? label.color : getSwatchColor(theme, i);
@@ -28,18 +23,15 @@ function getLabels(legendLabels, theme) {
     }, label.name));
   });
 }
-
 var ChartLegend = function ChartLegend(props) {
   var legendLabels = props.legendLabels,
-      stacked = props.stacked,
-      _props$theme = props.theme,
-      theme = _props$theme === void 0 ? "compare" : _props$theme,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    stacked = props.stacked,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'compare' : _props$theme,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({
     inline: !stacked,
     "data-qa-chartlegend": ""
   }, props.qa, rest), getLabels(legendLabels, theme));
 };
-
 export default ChartLegend;

package/lib/ChartLegend/styles.js

@@ -1,5 +1,6 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT } from "../utils/system-props";
+
+import styled, { css } from 'styled-components';
+import { COMMON, LAYOUT } from '../utils/system-props';
 export var Label = styled.span.withConfig({
   displayName: "styles__Label",
   componentId: "sc-se0ijc-0"
@@ -24,6 +25,6 @@ var Container = styled.div.withConfig({
     return props.theme.space[450];
   });
 }, COMMON, LAYOUT);
-Label.displayName = "ChartLegendLabel";
-Swatch.displayName = "ChartLegendSwatch";
+Label.displayName = 'ChartLegendLabel';
+Swatch.displayName = 'ChartLegendSwatch';
 export default Container;

package/lib/Checkbox/index.js

@@ -1,82 +1,66 @@
 var _excluded = ["id", "value", "name", "label", "labelProps", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
-
-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, { CheckboxBox, CheckIcon, PillInput, InputWrapper, LabelText, CheckboxContainer } 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, { CheckboxBox, CheckIcon, PillInput, InputWrapper, LabelText, CheckboxContainer } from './styles';
 var Checkbox = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Checkbox, _React$Component);
-
   function Checkbox() {
     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.el = void 0;
-
     _this.handleChange = function (event) {
       _this.props.onChange(event);
     };
-
     return _this;
   }
-
   var _proto = Checkbox.prototype;
-
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     if (prevProps.indeterminate !== !!this.props.indeterminate && this.el) {
       this.el.indeterminate = !!this.props.indeterminate;
     }
   };
-
   _proto.componentDidMount = function componentDidMount() {
     if (this.el) {
       this.el.indeterminate = !!this.props.indeterminate;
     }
   };
-
   _proto.render = function render() {
     var _this2 = this;
-
     var _this$props = this.props,
-        id = _this$props.id,
-        value = _this$props.value,
-        name = _this$props.name,
-        label = _this$props.label,
-        labelProps = _this$props.labelProps,
-        checked = _this$props.checked,
-        disabled = _this$props.disabled,
-        indeterminate = _this$props.indeterminate,
-        onChange = _this$props.onChange,
-        ariaLabel = _this$props.ariaLabel,
-        _this$props$appearanc = _this$props.appearance,
-        appearance = _this$props$appearanc === void 0 ? "default" : _this$props$appearanc,
-        _this$props$qa = _this$props.qa,
-        qa = _this$props$qa === void 0 ? {} : _this$props$qa,
-        tabIndex = _this$props.tabIndex,
-        _this$props$inputProp = _this$props.inputProps,
-        inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
-    var isPill = appearance === "pill"; // TODO: Refactor pill checkboxes to use fewer elements for performance gains
-
+      id = _this$props.id,
+      value = _this$props.value,
+      name = _this$props.name,
+      label = _this$props.label,
+      labelProps = _this$props.labelProps,
+      checked = _this$props.checked,
+      disabled = _this$props.disabled,
+      indeterminate = _this$props.indeterminate,
+      onChange = _this$props.onChange,
+      ariaLabel = _this$props.ariaLabel,
+      _this$props$appearanc = _this$props.appearance,
+      appearance = _this$props$appearanc === void 0 ? 'default' : _this$props$appearanc,
+      _this$props$qa = _this$props.qa,
+      qa = _this$props$qa === void 0 ? {} : _this$props$qa,
+      tabIndex = _this$props.tabIndex,
+      _this$props$inputProp = _this$props.inputProps,
+      inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    var isPill = appearance === 'pill';
+
+    // TODO: Refactor pill checkboxes to use fewer elements for performance gains
     if (!isPill) {
       return /*#__PURE__*/React.createElement(CheckboxContainer, _extends({
-        as: label && "label",
+        as: label && 'label',
         disabled: disabled,
         indeterminate: indeterminate,
-        checked: checked // $FlowIssue - upgrade v0.112.0
-
+        checked: checked
+        // $FlowIssue - upgrade v0.112.0
       }, rest), /*#__PURE__*/React.createElement("input", _extends({
         type: "checkbox",
         id: id,
@@ -90,19 +74,18 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
         disabled: disabled,
         onChange: this.handleChange,
         "data-qa-checkbox": id,
-        "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
+        "data-qa-checkbox-ischecked": indeterminate ? 'indeterminate' : checked === true,
         "data-qa-checkbox-isdisabled": disabled === true,
         tabIndex: tabIndex
       }, qa, inputProps)), label && /*#__PURE__*/React.createElement(LabelText, _extends({}, labelProps, {
         disabled: disabled
       }), label));
     }
-
     return (
       /*#__PURE__*/
       // $FlowIssue - upgrade v0.112.0
       React.createElement(Container, _extends({
-        as: label && "label"
+        as: label && 'label'
       }, rest), /*#__PURE__*/React.createElement(InputWrapper, {
         appearance: appearance
       }, /*#__PURE__*/React.createElement(PillInput, _extends({
@@ -118,20 +101,18 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
         disabled: disabled,
         onChange: this.handleChange,
         "data-qa-checkbox": id,
-        "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
+        "data-qa-checkbox-ischecked": indeterminate ? 'indeterminate' : checked === true,
         "data-qa-checkbox-isdisabled": disabled === true,
         tabIndex: tabIndex
       }, qa, inputProps)), /*#__PURE__*/React.createElement(CheckboxBox, null, /*#__PURE__*/React.createElement(CheckIcon, {
-        name: indeterminate ? "minus" : "check",
+        name: indeterminate ? 'minus' : 'check',
         size: "mini",
         fixedWidth: true
       }))))
     );
   };
-
   return Checkbox;
 }(React.Component);
-
 Checkbox.defaultProps = {
   indeterminate: false,
   disabled: false

package/lib/Checkbox/styles.js

@@ -1,15 +1,15 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { focusRing, pill } from "../utils/mixins";
-import Box from "../Box";
-import Icon from "../Icon";
-import Text from "../Text";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { focusRing, pill } from '../utils/mixins';
+import Box from '../Box';
+import Icon from '../Icon';
+import Text from '../Text';
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-59uw8o-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], COMMON);
-Container.displayName = "Checkbox"; // eslint-disable-next-line prettier/prettier
-
+Container.displayName = 'Checkbox';
 export var InputWrapper = styled(Box).withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-59uw8o-1"
@@ -18,13 +18,13 @@ export var InputWrapper = styled(Box).withConfig({
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.appearance === "pill" && css(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
+  return props.appearance === 'pill' && css(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
     return props.theme.duration.fast;
   }, function (props) {
     return props.theme.easing.ease_inout;
-  }, props.theme.mode === "dark" ? "screen" : "multiply", pill, props.theme.colors.app.background.base, PillInput, pill);
+  }, props.theme.mode === 'dark' ? 'screen' : 'multiply', pill, props.theme.colors.app.background.base, PillInput, pill);
 });
-InputWrapper.displayName = "InputWrapper";
+InputWrapper.displayName = 'InputWrapper';
 export var CheckboxBox = styled.div.withConfig({
   displayName: "styles__CheckboxBox",
   componentId: "sc-59uw8o-2"
@@ -45,7 +45,7 @@ export var CheckboxBox = styled.div.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 });
-CheckboxBox.displayName = "CheckboxBox";
+CheckboxBox.displayName = 'CheckboxBox';
 export var CheckIcon = styled(Icon).withConfig({
   displayName: "styles__CheckIcon",
   componentId: "sc-59uw8o-3"
@@ -54,12 +54,12 @@ export var CheckIcon = styled(Icon).withConfig({
 }, function (props) {
   return props.theme.easing.ease_inout;
 });
-CheckIcon.displayName = "CheckIcon";
+CheckIcon.displayName = 'CheckIcon';
 export var PillInput = styled.input.withConfig({
   displayName: "styles__PillInput",
   componentId: "sc-59uw8o-4"
 })(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;cursor:", ";border-radius:4px;&::-ms-check{display:none;}&:focus{", "}", " ", " ", ""], function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
+  return props.disabled ? 'not-allowed' : 'pointer';
 }, focusRing, function (props) {
   return !props.checked && css(["&:hover,&:focus{~ ", " ", "{opacity:", ";color:", ";}}"], CheckboxBox, CheckIcon, function (props) {
     return props.disabled ? 0 : 1;
@@ -69,7 +69,7 @@ export var PillInput = styled.input.withConfig({
 }, function (props) {
   return props.disabled && css(["~ ", "{opacity:0.4;}~ ", " ", "{opacity:", ";}"], CheckboxBox, CheckboxBox, CheckIcon, props.checked ? 1 : 0);
 });
-PillInput.displayName = "PillInput";
+PillInput.displayName = 'PillInput';
 export var LabelText = styled(Text).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-59uw8o-5"
@@ -78,33 +78,28 @@ 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';
 var checkSVG = function checkSVG(color) {
   return "<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.378 11.37L2 7.59l1.438-1.286L5.374 8.47l5.185-5.84L12 3.91l-6.622 7.46' fill='" + color + "'/></svg>";
 };
-
 var indeterminateSVG = function indeterminateSVG(color) {
   return "<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg'><rect width='10' height='2' x='2' y='6' rx='1' ry='1' fill='" + color + "'/></svg>";
 };
-
 var getIcon = function getIcon(type, color) {
-  var escapedColor = color.replace("#", "%23");
-  var icon = type === "indeterminate" ? indeterminateSVG(escapedColor) : checkSVG(escapedColor);
+  var escapedColor = color.replace('#', '%23');
+  var icon = type === 'indeterminate' ? indeterminateSVG(escapedColor) : checkSVG(escapedColor);
   return icon;
-}; // eslint-disable-next-line prettier/prettier
-
-
+};
 export var CheckboxContainer = styled.span.withConfig({
   displayName: "styles__CheckboxContainer",
   componentId: "sc-59uw8o-6"
 })(function (props) {
-  return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url(\"data:image/svg+xml;utf8,", "\");opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, getIcon(props.indeterminate ? "indeterminate" : "check", props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? "not-allowed" : "pointer", !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.neutral[300], props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
+  return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url('data:image/svg+xml;utf8,", "');opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, getIcon(props.indeterminate ? 'indeterminate' : 'check', props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? 'not-allowed' : 'pointer', !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.neutral[300], props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
 });
 export default Container;