@sproutsocial/racine 20.16.0 → 20.17.0

package/commonjs/Badge/Badge.js

@@ -23,9 +23,9 @@ var Badge = function Badge(_ref) {
     type = _ref.type,
     tip = _ref.tip,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
     _ref$badgeColor = _ref.badgeColor,
-    badgeColor = _ref$badgeColor === void 0 ? 'blue' : _ref$badgeColor,
+    badgeColor = _ref$badgeColor === void 0 ? "blue" : _ref$badgeColor,
     color = _ref.color,
     rest = _objectWithoutProperties(_ref, _excluded);
   if (children && text) {
@@ -33,12 +33,12 @@ var Badge = function Badge(_ref) {
   }
   return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
     // size previously included default, which currently maps to small.  Once consumers have updated this can be simplified.
-    size: size === 'default' ? 'large' : size,
+    size: size === "default" ? "large" : size,
     badgeColor: badgeColor,
     "data-tip": tip,
-    "data-qa-badge": text || '',
+    "data-qa-badge": text || "",
     "data-qa-badge-type": type,
-    "data-qa-badge-tip": tip || '',
+    "data-qa-badge-tip": tip || "",
     type: type
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -52,7 +52,7 @@ var Badge = function Badge(_ref) {
   }, iconName ? /*#__PURE__*/React.createElement(_Icon.default, {
     mr: 200,
     name: iconName,
-    size: size === 'small' ? 'mini' : 'small',
+    size: size === "small" ? "mini" : "small",
     "aria-hidden": true
   }) : null, children || text));
 };

package/commonjs/Badge/constants.flow.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.badgeColors = void 0;
 var badgeColors = exports.badgeColors = Object.freeze({
-  green: 'green',
-  blue: 'blue',
-  purple: 'purple',
-  yellow: 'yellow',
-  orange: 'orange',
-  red: 'red',
-  neutral: 'neutral',
-  magenta: 'magenta',
-  pink: 'pink',
-  aqua: 'aqua',
-  teal: 'teal'
+  green: "green",
+  blue: "blue",
+  purple: "purple",
+  yellow: "yellow",
+  orange: "orange",
+  red: "red",
+  neutral: "neutral",
+  magenta: "magenta",
+  pink: "pink",
+  aqua: "aqua",
+  teal: "teal"
 });

package/commonjs/Badge/constants.js

@@ -5,32 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.legacyBadgeColors = exports.badgeColors = void 0;
 var defaultPurple = {
-  color: 'colors.text.body',
-  background: 'colors.container.background.decorative.purple'
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.purple"
 };
 var suggestion = {
-  color: 'colors.text.body',
-  background: 'colors.container.background.decorative.blue'
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.blue"
 };
 var passive = {
-  color: 'colors.text.body',
-  background: 'colors.container.background.decorative.neutral'
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.neutral"
 };
 var primary = {
-  color: 'colors.text.body',
-  background: 'colors.container.background.decorative.blue'
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.blue"
 };
 var secondary = {
-  color: 'colors.text.body',
-  background: 'colors.container.background.decorative.yellow'
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.yellow"
 };
 var common = {
-  color: 'colors.text.inverse',
-  background: 'colors.aqua.600'
+  color: "colors.text.inverse",
+  background: "colors.aqua.600"
 };
 var approval = {
-  color: 'colors.text.body',
-  background: 'colors.container.background.decorative.orange'
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.orange"
 };
 
 //Deprecated former "types"
@@ -48,15 +48,15 @@ var legacyBadgeColors = exports.legacyBadgeColors = {
   suggestion: suggestion
 };
 var badgeColors = exports.badgeColors = {
-  green: 'green',
-  blue: 'blue',
-  purple: 'purple',
-  yellow: 'yellow',
-  orange: 'orange',
-  red: 'red',
-  neutral: 'neutral',
-  magenta: 'magenta',
-  pink: 'pink',
-  aqua: 'aqua',
-  teal: 'teal'
+  green: "green",
+  blue: "blue",
+  purple: "purple",
+  yellow: "yellow",
+  orange: "orange",
+  red: "red",
+  neutral: "neutral",
+  magenta: "magenta",
+  pink: "pink",
+  aqua: "aqua",
+  teal: "teal"
 };

package/commonjs/Badge/styles.js

@@ -15,12 +15,12 @@ var Container = _styledComponents.default.span.withConfig({
 })(["font-family:", ";", ";border-radius:9999px;line-height:16px;display:inline-block;color:", ";background:", ";padding:", ";", ";"], function (p) {
   return p.theme.fontFamily;
 }, function (p) {
-  return p.size === 'small' ? p.theme.typography[100] : p.theme.typography[200];
+  return p.size === "small" ? p.theme.typography[100] : p.theme.typography[200];
 }, function (p) {
   return p.type ? (0, _themeGet.themeGet)(_constants.legacyBadgeColors[p.type].color) : p.theme.colors.text.body;
 }, function (p) {
   return p.type ? (0, _themeGet.themeGet)(_constants.legacyBadgeColors[p.type].background) : p.theme.colors.container.background.decorative[p.badgeColor];
 }, function (p) {
-  return p.size === 'small' ? "".concat(p.theme.space[0], " ").concat(p.theme.space[200]) : "".concat(p.theme.space[300]);
+  return p.size === "small" ? "".concat(p.theme.space[0], " ").concat(p.theme.space[200]) : "".concat(p.theme.space[300]);
 }, _systemProps.COMMON);
 var _default = exports.default = Container;

package/commonjs/Banner/Banner.js

@@ -19,43 +19,43 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 var getBannerIconName = function getBannerIconName(type) {
   switch (type) {
-    case 'success':
-      return 'circle-check-outline';
-    case 'error':
-      return 'triangle-exclamation-outline';
-    case 'warning':
-      return 'triangle-exclamation-outline';
-    case 'opportunity':
-      return 'sparkle-outline';
-    case 'info':
+    case "success":
+      return "circle-check-outline";
+    case "error":
+      return "triangle-exclamation-outline";
+    case "warning":
+      return "triangle-exclamation-outline";
+    case "opportunity":
+      return "sparkle-outline";
+    case "info":
     default:
-      return 'circle-i-outline';
+      return "circle-i-outline";
   }
 };
 var getBannerIconColor = function getBannerIconColor(type) {
   switch (type) {
-    case 'success':
-      return 'icon.success';
-    case 'error':
-      return 'icon.error';
-    case 'warning':
-      return 'icon.warning';
-    case 'opportunity':
-      return 'icon.opportunity';
-    case 'info':
+    case "success":
+      return "icon.success";
+    case "error":
+      return "icon.error";
+    case "warning":
+      return "icon.warning";
+    case "opportunity":
+      return "icon.opportunity";
+    case "info":
     default:
-      return 'icon.info';
+      return "icon.info";
   }
 };
 
 /** TODO: change to 'info' type by default in future version */
 var Banner = function Banner(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'info' : _ref$type,
+    type = _ref$type === void 0 ? "info" : _ref$type,
     text = _ref.text,
     onClose = _ref.onClose,
     _ref$closeButtonLabel = _ref.closeButtonLabel,
-    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Close' : _ref$closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? "Close" : _ref$closeButtonLabel,
     typeIconProps = _ref.typeIconProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_styles.default, _extends({

package/commonjs/Box/Box.js

@@ -26,5 +26,5 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     color: color
   }));
 });
-Box.displayName = 'Box';
+Box.displayName = "Box";
 var _default = exports.default = Box;

package/commonjs/Breadcrumb/Breadcrumb.js

@@ -53,12 +53,12 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     "aria-hidden": true
   }))), listItems.map(function (item, i) {
     // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
-    var itemElem = _typeof(item) === 'object' && 'props' in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
+    var itemElem = _typeof(item) === "object" && "props" in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
     return /*#__PURE__*/React.cloneElement(itemElem, _objectSpread(_objectSpread({}, itemElem.props), {}, {
-      'aria-current': listItems[i] === lastItem ? 'page' : undefined
+      "aria-current": listItems[i] === lastItem ? "page" : undefined
     }));
   })));
 };
-BreadcrumbItem.displayName = 'Breadcrumb.Item';
+BreadcrumbItem.displayName = "Breadcrumb.Item";
 Breadcrumb.Item = BreadcrumbItem;
 var _default = exports.default = Breadcrumb;

package/commonjs/Breadcrumb/styles.js

@@ -9,7 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var Nav = _styledComponents.default.nav.withConfig({
   displayName: "styles__Nav",
   componentId: "sc-1d7ypr1-0"
-})(["ol{", ";margin:0;font-family:", ";padding:0;display:flex;}li{margin-right:", ";display:flex;}a,button{", ";max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:not(.overflow--menu){margin:0;padding:0;}}ol > div + li::before{content:'/';margin-right:", ";}li:last-child a,li:last-child button{color:", ";font-weight:bold;}li:not(:last-child)::after{content:'/';color:", ";margin-left:", ";}"], function (props) {
+})(["ol{", ";margin:0;font-family:", ";padding:0;display:flex;}li{margin-right:", ";display:flex;}a,button{", ";max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:not(.overflow--menu){margin:0;padding:0;}}ol > div + li::before{content:\"/\";margin-right:", ";}li:last-child a,li:last-child button{color:", ";font-weight:bold;}li:not(:last-child)::after{content:\"/\";color:", ";margin-left:", ";}"], function (props) {
   return props.theme.typography[200];
 }, function (props) {
   return props.theme.fontFamily;

package/commonjs/Button/Button.js

@@ -14,14 +14,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var Button = function Button(_ref) {
   var href = _ref.href,
     _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'unstyled' : _ref$appearance,
+    appearance = _ref$appearance === void 0 ? "unstyled" : _ref$appearance,
     _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active,
     disabled = _ref.disabled,
     external = _ref.external,
     children = _ref.children,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'default' : _ref$size,
+    size = _ref$size === void 0 ? "default" : _ref$size,
     innerRef = _ref.innerRef,
     onClick = _ref.onClick,
     title = _ref.title,
@@ -32,26 +32,26 @@ var Button = function Button(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   if (!href && external) {
     // eslint-disable-next-line no-console
-    console.warn('Warning: external prop cannot be set without a href declaration');
+    console.warn("Warning: external prop cannot be set without a href declaration");
   }
   return /*#__PURE__*/_react.default.createElement(_styles.default, _extends({
     title: title,
     active: active,
     href: href,
-    target: external ? '_blank' : undefined,
-    rel: external ? 'noopener noreferrer' : undefined,
-    as: as || (href ? 'a' : 'button'),
-    type: href ? undefined : 'button',
+    target: external ? "_blank" : undefined,
+    rel: external ? "noopener noreferrer" : undefined,
+    as: as || (href ? "a" : "button"),
+    type: href ? undefined : "button",
     "aria-disabled": disabled ? disabled : undefined,
     disabled: disabled,
     buttonSize: size,
-    appearance: appearance || 'unstyled',
+    appearance: appearance || "unstyled",
     ref: innerRef,
     onClick: onClick,
-    "data-qa-button": title || '',
+    "data-qa-button": title || "",
     "data-qa-button-isdisabled": disabled === true,
     "aria-label": ariaLabel
   }, qa, rest), children);
 };
-Button.displayName = 'Button';
+Button.displayName = "Button";
 var _default = exports.default = Button;

package/commonjs/Button/styles.js

@@ -22,7 +22,7 @@ var Container = _styledComponents.default.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) {
@@ -32,27 +32,27 @@ var Container = _styledComponents.default.button.withConfig({
 }, function (props) {
   return props.theme.duration.fast;
 }, function (props) {
-  return props.buttonSize === 'default' ? "".concat(props.theme.space[300]) : "".concat(props.theme.space[350]);
+  return props.buttonSize === "default" ? "".concat(props.theme.space[300]) : "".concat(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) {
   return props.theme.colors.button[props.appearance].text.hover;
 }, function (props) {
-  return props.appearance !== 'unstyled' && "background: ".concat(props.theme.colors.button[props.appearance].background.hover);
+  return props.appearance !== "unstyled" && "background: ".concat(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) {
-  return props.appearance !== 'unstyled' && "background: ".concat(props.theme.colors.button[props.appearance].background.active);
+  return props.appearance !== "unstyled" && "background: ".concat(props.theme.colors.button[props.appearance].background.active);
 }, _mixins.focusRing, function (props) {
-  return props.active && (0, _styledComponents.css)(["color:", " !important;", ";"], props.theme.colors.button[props.appearance].text.hover, props.appearance !== 'unstyled' && "background: ".concat(props.theme.colors.button[props.appearance].background.active, " !important"));
+  return props.active && (0, _styledComponents.css)(["color:", " !important;", ";"], props.theme.colors.button[props.appearance].text.hover, props.appearance !== "unstyled" && "background: ".concat(props.theme.colors.button[props.appearance].background.active, " !important"));
 }, function (props) {
   return props.disabled && _mixins.disabled;
 }, function (props) {
-  return props.appearance === 'pill' && (0, _styledComponents.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 ", ";}"], _mixins.pill, props.theme.colors.button.pill.border.hover);
+  return props.appearance === "pill" && (0, _styledComponents.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 ", ";}"], _mixins.pill, props.theme.colors.button.pill.border.hover);
 }, _styles.default, _systemProps.LAYOUT, _systemProps.COMMON, _systemProps.FLEXBOX, _systemProps.GRID);
-Container.displayName = 'Button-Container';
+Container.displayName = "Button-Container";
 var _default = exports.default = Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}

package/commonjs/Card/Card.js

@@ -43,7 +43,7 @@ var Card = function Card(_ref) {
     href = _ref.href,
     onClick = _ref.onClick,
     _ref$role = _ref.role,
-    role = _ref$role === void 0 ? 'presentation' : _ref$role,
+    role = _ref$role === void 0 ? "presentation" : _ref$role,
     selected = _ref.selected,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
@@ -52,8 +52,8 @@ var Card = function Card(_ref) {
     setHasSubComponent = _useState2[1];
   var containerRef = (0, _react.useRef)(null);
   var linkRef = (0, _react.useRef)(null);
-  var isRoleLink = role === 'link';
-  var checkedConditions = role === 'checkbox' ? selected : undefined;
+  var isRoleLink = role === "link";
+  var checkedConditions = role === "checkbox" ? selected : undefined;
   var cardContext = {
     setHasSubComponent: setHasSubComponent,
     href: href,

package/commonjs/Card/styles.js

@@ -79,7 +79,7 @@ var StyledCardLink = exports.StyledCardLink = _styledComponents.default.a.withCo
 var StyledCard = exports.StyledCard = _styledComponents.default.div.withConfig({
   displayName: "styles__StyledCard",
   componentId: "sc-9tyqu4-6"
-})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role='button'],&[role='checkbox']{cursor:pointer;}", " &:hover{box-shadow:", ";}&:focus-within{", " ", ":focus{border:none;box-shadow:none;outline:none;}}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
+})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role=\"button\"],&[role=\"checkbox\"]{cursor:pointer;}", " &:hover{box-shadow:", ";}&:focus-within{", " ", ":focus{border:none;box-shadow:none;outline:none;}}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
   var theme = _ref11.theme;
   return theme.colors.container.background.base;
 }, function (_ref12) {
@@ -107,7 +107,7 @@ var StyledCard = exports.StyledCard = _styledComponents.default.div.withConfig({
 }, function (_ref19) {
   var theme = _ref19.theme,
     _ref19$$elevation = _ref19.$elevation,
-    $elevation = _ref19$$elevation === void 0 ? 'low' : _ref19$$elevation;
+    $elevation = _ref19$$elevation === void 0 ? "low" : _ref19$$elevation;
   return theme.shadows[$elevation];
 }, function (_ref20) {
   var $isRoleLink = _ref20.$isRoleLink;

package/commonjs/Card/subComponents.js

@@ -73,8 +73,8 @@ var CardLink = exports.CardLink = function CardLink(_ref6) {
     e.stopPropagation();
   };
   return /*#__PURE__*/_react.default.createElement(_styles.StyledCardLink, _extends({}, rest, {
-    target: external ? '_blank' : undefined,
-    rel: external ? 'noreferrer' : undefined,
+    target: external ? "_blank" : undefined,
+    rel: external ? "noreferrer" : undefined,
     href: href,
     onClick: handleClick,
     ref: linkRef

package/commonjs/Card/utils.js

@@ -10,7 +10,7 @@ var _utils = require("../utils");
 var SubComponentContext = exports.SubComponentContext = /*#__PURE__*/(0, _react.createContext)({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   setHasSubComponent: function setHasSubComponent() {},
-  href: '',
+  href: "",
   linkRef: null
 });
 function useChildContext() {
@@ -28,12 +28,12 @@ var navigateTo = exports.navigateTo = function navigateTo(_ref) {
   // asserts that target is an element so `contains` accepts it
   (0, _utils.assertIsElement)(target);
   if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) {
-    if (target.getAttribute('onclick') !== null || target.getAttribute('href') !== null) {
+    if (target.getAttribute("onclick") !== null || target.getAttribute("href") !== null) {
       e.stopPropagation();
       return;
     }
   }
-  (_window$open = window.open(href, '_blank')) === null || _window$open === void 0 || _window$open.focus();
+  (_window$open = window.open(href, "_blank")) === null || _window$open === void 0 || _window$open.focus();
 };
 var onKeyDown = exports.onKeyDown = function onKeyDown(_ref2) {
   var e = _ref2.e,
@@ -41,15 +41,15 @@ var onKeyDown = exports.onKeyDown = function onKeyDown(_ref2) {
     onClick = _ref2.onClick,
     ref = _ref2.ref,
     role = _ref2.role;
-  if ((e === null || e === void 0 ? void 0 : e.key) === 'Enter') {
-    if (role === 'link') {
+  if ((e === null || e === void 0 ? void 0 : e.key) === "Enter") {
+    if (role === "link") {
       return navigateTo({
         e: e,
         href: href,
         ref: ref
       });
     }
-    if (role === 'presentation') {
+    if (role === "presentation") {
       return;
     }
     return onClick === null || onClick === void 0 ? void 0 : onClick(e);

package/commonjs/CharacterCounter/CharacterCounter.js

@@ -42,7 +42,7 @@ var CharacterCounter = exports.default = /*#__PURE__*/function (_React$Component
       var remaining = this.props.maxValue - this.props.currentValue;
       return /*#__PURE__*/React.createElement(_styles.default, _extends({
         role: "status",
-        mini: size === 'mini',
+        mini: size === "mini",
         overlimit: remaining <= 0
       }, rest), remaining);
     }
@@ -50,5 +50,5 @@ var CharacterCounter = exports.default = /*#__PURE__*/function (_React$Component
   return CharacterCounter;
 }(React.Component);
 _defineProperty(CharacterCounter, "defaultProps", {
-  size: 'default'
+  size: "default"
 });

package/commonjs/ChartLegend/ChartLegend.js

@@ -19,7 +19,7 @@ var ChartLegend = function ChartLegend(_ref) {
   var legendLabels = _ref.legendLabels,
     stacked = _ref.stacked,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'datavizRotation' : _ref$theme,
+    theme = _ref$theme === void 0 ? "datavizRotation" : _ref$theme,
     qa = _ref.qa,
     rest = _objectWithoutProperties(_ref, _excluded);
   var chartLabels = (0, _useChartLabels.useChartLabels)(legendLabels, theme);

package/commonjs/ChartLegend/styles.js

@@ -33,6 +33,6 @@ var Container = _styledComponents.default.div.withConfig({
     return props.theme.space[450];
   });
 }, _systemProps.COMMON, _systemProps.LAYOUT);
-Label.displayName = 'ChartLegendLabel';
-Swatch.displayName = 'ChartLegendSwatch';
+Label.displayName = "ChartLegendLabel";
+Swatch.displayName = "ChartLegendSwatch";
 var _default = exports.default = Container;

package/commonjs/ChartLegend/useChartLabels.js

@@ -10,9 +10,9 @@ var _styles = require("./styles");
 var _Text = require("../Text");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var getSwatchColor = function getSwatchColor(theme, index, RacineThemeColors) {
-  var COMPARE_THEME = [RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['10'], RacineThemeColors.dataviz.map['11'], RacineThemeColors.dataviz.map['2']];
-  var CONTRAST_THEME = [RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['2'], RacineThemeColors.dataviz.map['3'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['7'], RacineThemeColors.dataviz.map['8'], RacineThemeColors.dataviz.map['9'], RacineThemeColors.dataviz.map['10']];
-  var EXTENDED_THEME = [RacineThemeColors.dataviz.map['7'], RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['11'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['3'], RacineThemeColors.dataviz.map['18'], RacineThemeColors.dataviz.map['8'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['13'], RacineThemeColors.dataviz.map['16'], RacineThemeColors.dataviz.map['10'], RacineThemeColors.dataviz.map['14'], RacineThemeColors.dataviz.map['2'], RacineThemeColors.dataviz.map['15'], RacineThemeColors.dataviz.map['12'], RacineThemeColors.dataviz.map['9'], RacineThemeColors.dataviz.map['17'], RacineThemeColors.dataviz.map['20'], RacineThemeColors.dataviz.map['19']];
+  var COMPARE_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["10"], RacineThemeColors.dataviz.map["11"], RacineThemeColors.dataviz.map["2"]];
+  var CONTRAST_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["2"], RacineThemeColors.dataviz.map["3"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["7"], RacineThemeColors.dataviz.map["8"], RacineThemeColors.dataviz.map["9"], RacineThemeColors.dataviz.map["10"]];
+  var EXTENDED_THEME = [RacineThemeColors.dataviz.map["7"], RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["11"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["3"], RacineThemeColors.dataviz.map["18"], RacineThemeColors.dataviz.map["8"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["13"], RacineThemeColors.dataviz.map["16"], RacineThemeColors.dataviz.map["10"], RacineThemeColors.dataviz.map["14"], RacineThemeColors.dataviz.map["2"], RacineThemeColors.dataviz.map["15"], RacineThemeColors.dataviz.map["12"], RacineThemeColors.dataviz.map["9"], RacineThemeColors.dataviz.map["17"], RacineThemeColors.dataviz.map["20"], RacineThemeColors.dataviz.map["19"]];
   var THEME_MAP = {
     COMPARE: COMPARE_THEME,
     CONTRAST: CONTRAST_THEME,

package/commonjs/Checkbox/Checkbox.js

@@ -70,21 +70,21 @@ var Checkbox = exports.default = /*#__PURE__*/function (_React$Component) {
         onChange = _this$props.onChange,
         ariaLabel = _this$props.ariaLabel,
         _this$props$appearanc = _this$props.appearance,
-        appearance = _this$props$appearanc === void 0 ? 'default' : _this$props$appearanc,
+        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 = _objectWithoutProperties(_this$props, _excluded);
-      var isPill = appearance === 'pill';
+      var isPill = appearance === "pill";
       // @ts-notes - tabIndex requires a number but can be a string
-      var tabIndexInt = typeof tabIndex === 'string' ? parseInt(tabIndex, 10) : tabIndex;
+      var tabIndexInt = typeof tabIndex === "string" ? parseInt(tabIndex, 10) : tabIndex;
 
       // TODO: Refactor pill checkboxes to use fewer elements for performance gains
       if (!isPill) {
         return /*#__PURE__*/React.createElement(_styles.CheckboxContainer, _extends({
-          as: label && 'label',
+          as: label && "label",
           disabled: disabled,
           indeterminate: indeterminate,
           checked: checked
@@ -101,7 +101,7 @@ var Checkbox = exports.default = /*#__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: tabIndexInt
         }, qa, inputProps)), label && /*#__PURE__*/React.createElement(_styles.LabelText, _extends({}, labelProps, {
@@ -109,7 +109,7 @@ var Checkbox = exports.default = /*#__PURE__*/function (_React$Component) {
         }), label));
       }
       return /*#__PURE__*/React.createElement(_styles.default, _extends({
-        as: label && 'label'
+        as: label && "label"
       }, rest), /*#__PURE__*/React.createElement(_styles.InputWrapper, {
         appearance: appearance
       }, /*#__PURE__*/React.createElement(_styles.PillInput, _extends({
@@ -125,11 +125,11 @@ var Checkbox = exports.default = /*#__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: tabIndexInt
       }, qa, inputProps)), /*#__PURE__*/React.createElement(_styles.CheckboxBox, null, /*#__PURE__*/React.createElement(_styles.CheckIcon, {
-        name: indeterminate ? 'minus-solid' : 'check-solid',
+        name: indeterminate ? "minus-solid" : "check-solid",
         size: "mini",
         fixedWidth: true
       }))));