@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.5

package/lib/cjs/recipes/ScrollableListView.stories.js

@@ -1,47 +1,28 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _reactStately = require("react-stately");
 var _CreateIcon = _interopRequireDefault(require("mdi-react/CreateIcon"));
-
 var _FormSelectIcon = _interopRequireDefault(require("mdi-react/FormSelectIcon"));
-
 var _MoreVertIcon = _interopRequireDefault(require("mdi-react/MoreVertIcon"));
-
-var _reactStately = require("react-stately");
-
 var _index = require("../index");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = {
   title: 'Recipes/Scrollable List View'
 };
@@ -79,34 +60,27 @@ var unfilteredItems = [{
   name: 'Elephant',
   id: '7'
 }];
-
 var Default = function Default(_ref) {
-  var args = (0, _extends2["default"])({}, _ref);
-
+  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var _useState3 = (0, _react.useState)(unfilteredItems),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      items = _useState4[0],
-      setItems = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    items = _useState4[0],
+    setItems = _useState4[1];
   var filterItems = function filterItems(input) {
     var filtered = (0, _filter["default"])(unfilteredItems).call(unfilteredItems, function (obj) {
       var _context;
-
       return (0, _includes["default"])(_context = obj.name.toLowerCase()).call(_context, input.toLowerCase());
     });
     setItems(filtered);
   };
-
   var onChangeInput = function onChangeInput(input) {
     setValue(input);
     filterItems(input);
   };
-
   return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.SearchField, {
     value: value,
     onChange: onChangeInput
@@ -150,5 +124,4 @@ var Default = function Default(_ref) {
     })))));
   })));
 };
-
 exports.Default = Default;

package/lib/cjs/recipes/SelectedFieldOverlay.story.js

@@ -1,27 +1,17 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _VisibilityOffOutlineIcon = _interopRequireDefault(require("mdi-react/VisibilityOffOutlineIcon"));
-
 var _Box = _interopRequireDefault(require("../components/Box"));
-
 var _Icon = _interopRequireDefault(require("../components/Icon"));
-
 var _TextField = _interopRequireDefault(require("../components/TextField"));
-
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Recipes/Selected Field Overlay'
 };
@@ -49,7 +39,6 @@ var sx = {
     }
   }
 };
-
 var Default = function Default() {
   return (0, _react2.jsx)(_Box["default"], {
     sx: sx.container
@@ -66,5 +55,4 @@ var Default = function Default() {
     size: 22
   })));
 };
-
 exports.Default = Default;

package/lib/cjs/recipes/Slider.stories.js

@@ -1,53 +1,30 @@
 "use strict";
 
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactAria = require("react-aria");
-
 var _reactStately = require("react-stately");
-
 var _i18n = require("@react-aria/i18n");
-
-var _index = require("../index");
-
 var _Buttons = require("../components/Button/Buttons.styles");
-
+var _index = require("../index");
 var _react2 = require("@emotion/react");
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var _default = {
   title: 'Recipes/Slider'
 };
@@ -100,12 +77,11 @@ var sx = {
     boxShadow: '0 2px 2px 0 #CACACA'
   }
 };
-
 var setSliderColor = function setSliderColor(thumbPosition) {
   var _context, _context2, _context3, _context4;
-
   return thumbPosition < 25 ? (0, _concat["default"])(_context = "linear-gradient(to right, rgb(169, 215, 50) 0%, rgb(169, 215, 50) ".concat(thumbPosition, "%, rgb(242, 242, 242) ")).call(_context, thumbPosition, "%, rgb(242, 242, 242) 100%)") : thumbPosition >= 25 && thumbPosition <= 49 ? (0, _concat["default"])(_context2 = "linear-gradient(to right, rgb(226, 215, 20) 0%, rgb(226, 215, 20) ".concat(thumbPosition, "%, rgb(242, 242, 242) ")).call(_context2, thumbPosition, "%, rgb(242, 242, 242) 100%)") : thumbPosition >= 50 && thumbPosition <= 74 ? (0, _concat["default"])(_context3 = "linear-gradient(to right,  rgb(231, 135, 38) 0%,  rgb(231, 135, 38) ".concat(thumbPosition, "%, rgb(242, 242, 242) ")).call(_context3, thumbPosition, "%, rgb(242, 242, 242) 100%)") : (0, _concat["default"])(_context4 = "linear-gradient(to right, rgb(235, 44, 56) 0%, rgb(235, 44, 56) ".concat(thumbPosition, "%, rgb(242, 242, 242) ")).call(_context4, thumbPosition, "%, rgb(242, 242, 242) 100%)");
 };
+
 /*
  * The slider value can be formatted by using the `formatOptions` prop.
 `* formatOptions` is compatible with the option parameter of
@@ -114,7 +90,6 @@ var setSliderColor = function setSliderColor(thumbPosition) {
  * https://react-spectrum.adobe.com/react-aria/useSlider.html
  */
 
-
 var Default = function Default() {
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
     mb: "xl"
@@ -129,23 +104,18 @@ var Default = function Default() {
     step: 1
   })));
 };
-
 exports.Default = Default;
-
 var Slider = function Slider(props) {
   var trackRef = _react["default"].useRef(null);
-
   var numberFormatter = (0, _i18n.useNumberFormatter)(props.formatOptions);
   var state = (0, _reactStately.useSliderState)(_objectSpread(_objectSpread({}, props), {}, {
     numberFormatter: numberFormatter
   }));
-
   var _useSlider = (0, _reactAria.useSlider)(props, state, trackRef),
-      groupProps = _useSlider.groupProps,
-      trackProps = _useSlider.trackProps,
-      labelProps = _useSlider.labelProps,
-      outputProps = _useSlider.outputProps;
-
+    groupProps = _useSlider.groupProps,
+    trackProps = _useSlider.trackProps,
+    labelProps = _useSlider.labelProps,
+    outputProps = _useSlider.outputProps;
   var thumbPosition = state.getThumbPercent(0) * 100;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, groupProps, {
     sx: sx.sliderContainer
@@ -166,23 +136,18 @@ var Slider = function Slider(props) {
     trackRef: trackRef
   })));
 };
-
 var RangeSlider = function RangeSlider(props) {
   var _context5;
-
   var trackRef = _react["default"].useRef(null);
-
   var numberFormatter = (0, _i18n.useNumberFormatter)(props.formatOptions);
   var state = (0, _reactStately.useSliderState)(_objectSpread(_objectSpread({}, props), {}, {
     numberFormatter: numberFormatter
   }));
-
   var _useSlider2 = (0, _reactAria.useSlider)(props, state, trackRef),
-      groupProps = _useSlider2.groupProps,
-      trackProps = _useSlider2.trackProps,
-      labelProps = _useSlider2.labelProps,
-      outputProps = _useSlider2.outputProps;
-
+    groupProps = _useSlider2.groupProps,
+    trackProps = _useSlider2.trackProps,
+    labelProps = _useSlider2.labelProps,
+    outputProps = _useSlider2.outputProps;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, groupProps, {
     sx: sx.sliderContainer
   }), (0, _react2.jsx)(_index.Box, {
@@ -204,26 +169,21 @@ var RangeSlider = function RangeSlider(props) {
     trackRef: trackRef
   })));
 };
-
 var Thumb = function Thumb(props) {
   var state = props.state,
-      trackRef = props.trackRef,
-      index = props.index;
-
+    trackRef = props.trackRef,
+    index = props.index;
   var inputRef = _react["default"].useRef(null);
-
   var _useSliderThumb = (0, _reactAria.useSliderThumb)({
-    index: index,
-    trackRef: trackRef,
-    inputRef: inputRef
-  }, state),
-      thumbProps = _useSliderThumb.thumbProps,
-      inputProps = _useSliderThumb.inputProps;
-
+      index: index,
+      trackRef: trackRef,
+      inputRef: inputRef
+    }, state),
+    thumbProps = _useSliderThumb.thumbProps,
+    inputProps = _useSliderThumb.inputProps;
   var _useFocusRing = (0, _reactAria.useFocusRing)(),
-      focusProps = _useFocusRing.focusProps,
-      isFocusVisible = _useFocusRing.isFocusVisible;
-
+    focusProps = _useFocusRing.focusProps,
+    isFocusVisible = _useFocusRing.isFocusVisible;
   return (0, _react2.jsx)(_index.Box, {
     sx: _objectSpread(_objectSpread({}, sx.thumbContainer), {}, {
       left: "".concat(state.getThumbPercent(index) * 100, "%")

package/lib/cjs/recipes/StatsCircle.stories.js

@@ -1,25 +1,16 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Box = _interopRequireDefault(require("../components/Box"));
-
 var _Text = _interopRequireDefault(require("../components/Text"));
-
 var _colors = require("../styles/colors");
-
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Recipes/Stats Circle'
 };
@@ -33,7 +24,6 @@ var sx = {
     justifyContent: 'center'
   }
 };
-
 var Default = function Default() {
   return (0, _react2.jsx)(_Box["default"], {
     width: "110px",
@@ -45,5 +35,4 @@ var Default = function Default() {
     color: "text.secondary"
   }, "Members"));
 };
-
 exports.Default = Default;

package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js

@@ -1,29 +1,18 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-
-var _index = require("../index");
-
 var _useModalState = _interopRequireDefault(require("../hooks/useModalState"));
-
+var _index = require("../index");
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Recipes/Trial Experience Buttons'
 };
@@ -105,7 +94,6 @@ var sx = {
     maxWidth: '357px'
   }
 };
-
 var retailSVG = function retailSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "250",
@@ -140,7 +128,6 @@ var retailSVG = function retailSVG(props) {
     fill: "#051727"
   }));
 };
-
 var airlineSVG = function airlineSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "251",
@@ -194,7 +181,6 @@ var airlineSVG = function airlineSVG(props) {
     transform: "translate(0.90625 0.282715)"
   }))));
 };
-
 var educationSVG = function educationSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "251",
@@ -248,7 +234,6 @@ var educationSVG = function educationSVG(props) {
     transform: "translate(0.330078 0.282715)"
   }))));
 };
-
 var financialSVG = function financialSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "250",
@@ -306,7 +291,6 @@ var financialSVG = function financialSVG(props) {
     fill: "white"
   }))));
 };
-
 var governmentSVG = function governmentSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "251",
@@ -355,7 +339,6 @@ var governmentSVG = function governmentSVG(props) {
     transform: "translate(0.602051)"
   }))));
 };
-
 var healthcareSVG = function healthcareSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "250",
@@ -405,7 +388,6 @@ var healthcareSVG = function healthcareSVG(props) {
     fill: "#051727"
   }));
 };
-
 var hotelSVG = function hotelSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "58",
@@ -458,7 +440,6 @@ var hotelSVG = function hotelSVG(props) {
     fill: "white"
   }))));
 };
-
 var manufacturingSVG = function manufacturingSVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "250",
@@ -504,7 +485,6 @@ var manufacturingSVG = function manufacturingSVG(props) {
     fill: "#B3282D"
   }));
 };
-
 var pharmancySVG = function pharmancySVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "250",
@@ -557,7 +537,6 @@ var pharmancySVG = function pharmancySVG(props) {
     fill: "#B3282D"
   }));
 };
-
 var realtySVG = function realtySVG(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "250",
@@ -632,7 +611,6 @@ var realtySVG = function realtySVG(props) {
     transform: "translate(0 0.180664)"
   }))));
 };
-
 var buttons = [{
   name: 'Retail',
   icon: retailSVG
@@ -664,7 +642,6 @@ var buttons = [{
   name: 'Hotels',
   icon: hotelSVG
 }];
-
 var Default = function Default() {
   var state = (0, _useModalState["default"])();
   return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Modal, {
@@ -708,5 +685,4 @@ var Default = function Default() {
     variant: "link"
   }, "Skip"), (0, _react2.jsx)(_index.HelpHint, null, "Info skipping")))));
 };
-
 exports.Default = Default;

package/lib/cjs/recipes/TrialExperienceStatusBar.stories.js

@@ -1,50 +1,30 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _CheckCircleIcon = _interopRequireDefault(require("mdi-react/CheckCircleIcon"));
-
 var _index = require("../index");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = {
   title: 'Recipes/Trial Experience Nav'
 };
 exports["default"] = _default;
-
 var ArtIcon = function ArtIcon() {
   return (0, _react2.jsx)("svg", {
     width: "24",
@@ -56,7 +36,6 @@ var ArtIcon = function ArtIcon() {
     fill: "#4660A2"
   }));
 };
-
 var EarthMagnifyGlassIcon = function EarthMagnifyGlassIcon() {
   return (0, _react2.jsx)("svg", {
     width: "25",
@@ -68,7 +47,6 @@ var EarthMagnifyGlassIcon = function EarthMagnifyGlassIcon() {
     fill: "#4660A2"
   }));
 };
-
 var EarthCircleIcon = function EarthCircleIcon() {
   return (0, _react2.jsx)("svg", {
     width: "25",
@@ -81,7 +59,6 @@ var EarthCircleIcon = function EarthCircleIcon() {
     fill: "#4660A2"
   }));
 };
-
 var RadioButtonIcon = function RadioButtonIcon(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     "data-name": "Layer 1",
@@ -100,7 +77,6 @@ var RadioButtonIcon = function RadioButtonIcon(props) {
     fill: "white"
   }));
 };
-
 var data = [{
   title: 'Design a Solution',
   icon: ArtIcon,
@@ -210,36 +186,28 @@ var sx = {
     boxShadow: '3px 8px 4px rgba(202, 206, 211, 0.36)'
   }
 };
-
 var Stage = function Stage(props) {
   var title = props.title,
-      icon = props.icon,
-      links = props.links,
-      isLastStage = props.isLastStage;
-
+    icon = props.icon,
+    links = props.links,
+    isLastStage = props.isLastStage;
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      selectedLinks = _useState2[0],
-      updateSelectedLinks = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedLinks = _useState2[0],
+    updateSelectedLinks = _useState2[1];
   var onSelectionChange = function onSelectionChange(thisIndex) {
     var _context2;
-
     var newArray = [];
-
     if ((0, _includes["default"])(selectedLinks).call(selectedLinks, thisIndex)) {
       newArray = (0, _filter["default"])(selectedLinks).call(selectedLinks, function (link) {
         return link !== thisIndex;
       });
     } else {
       var _context;
-
       newArray = (0, _concat["default"])(_context = []).call(_context, selectedLinks, [thisIndex]);
     }
-
     updateSelectedLinks((0, _concat["default"])(_context2 = []).call(_context2, newArray));
   };
-
   return (0, _react2.jsx)(_index.Box, {
     isRow: true
   }, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, {
@@ -271,24 +239,20 @@ var Stage = function Stage(props) {
     }));
   }))));
 };
-
 var LinkRow = function LinkRow(props) {
   var title = props.title,
-      index = props.index,
-      onSelectionChange = props.onSelectionChange,
-      isLinkSelected = props.isLinkSelected,
-      isLastLink = props.isLastLink;
-
+    index = props.index,
+    onSelectionChange = props.onSelectionChange,
+    isLinkSelected = props.isLinkSelected,
+    isLastLink = props.isLastLink;
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isSelected = _useState4[0],
-      handleSelectionChange = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isSelected = _useState4[0],
+    handleSelectionChange = _useState4[1];
   var onIconPress = function onIconPress() {
     handleSelectionChange(!isSelected);
     onSelectionChange(index);
   };
-
   return (0, _react2.jsx)(_index.Box, {
     isRow: true
   }, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, {
@@ -313,7 +277,6 @@ var LinkRow = function LinkRow(props) {
     sx: sx.linkRowText
   }, title)));
 };
-
 var Default = function Default() {
   // Open the `Story` addons tab to view the source code for full context.
   return (0, _react2.jsx)(_index.Box, {
@@ -331,5 +294,4 @@ var Default = function Default() {
     });
   })));
 };
-
 exports.Default = Default;