@cashub/ui 0.5.0 → 0.6.1

package/datetimePicker/TimePicker.js

@@ -127,15 +127,15 @@ var Hour = function Hour(_ref2) {
       id: id,
       maxLength: "2",
       value: value,
-      onChange: function onChange(e) {
-        changeNumber(e.target.value);
+      onChange: function onChange(event) {
+        changeNumber(event.target.value);
       },
       onKeyUp: handleKeyUp,
-      onBlur: function onBlur(e) {
+      onBlur: function onBlur(event) {
         setTime(function (previous) {
           var newState = _objectSpread({}, previous);
 
-          newState[NAME] = (0, _pad.default)(e.target.value, LENGTH, PAD_STRING);
+          newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
           return newState;
         });
       }
@@ -183,15 +183,15 @@ var Minute = function Minute(_ref3) {
         id: minuteId,
         maxLength: "2",
         value: value,
-        onChange: function onChange(e) {
-          changeNumber(e.target.value);
+        onChange: function onChange(event) {
+          changeNumber(event.target.value);
         },
         onKeyUp: handleKeyUp,
-        onBlur: function onBlur(e) {
+        onBlur: function onBlur(event) {
           setTime(function (previous) {
             var newState = _objectSpread({}, previous);
 
-            newState[NAME] = (0, _pad.default)(e.target.value, LENGTH, PAD_STRING);
+            newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
             return newState;
           });
         }
@@ -240,15 +240,15 @@ var Second = function Second(_ref4) {
         id: secondId,
         maxLength: "2",
         value: value,
-        onChange: function onChange(e) {
-          changeNumber(e.target.value);
+        onChange: function onChange(event) {
+          changeNumber(event.target.value);
         },
         onKeyUp: handleKeyUp,
-        onBlur: function onBlur(e) {
+        onBlur: function onBlur(event) {
           setTime(function (previous) {
             var newState = _objectSpread({}, previous);
 
-            newState[NAME] = (0, _pad.default)(e.target.value, LENGTH, PAD_STRING);
+            newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
             return newState;
           });
         }
@@ -266,8 +266,8 @@ var Second = function Second(_ref4) {
 };
 
 var useKeyUp = function useKeyUp(increase, decrease, min, max, setState, name) {
-  return (0, _react.useCallback)(function (e) {
-    var key = e.keyCode;
+  return (0, _react.useCallback)(function (event) {
+    var key = event.keyCode;
 
     switch (key) {
       case _keycode.default.UP:
@@ -302,7 +302,7 @@ var useKeyUp = function useKeyUp(increase, decrease, min, max, setState, name) {
   }, [increase, decrease, min, max, setState, name]);
 };
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 
 var Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: var(--font-on-background);\n  font-size: var(--font-body1);\n  margin-right: 12px;\n"])));
 

package/datetimePicker/accordion/Month.js

@@ -15,11 +15,11 @@ var _md = require("react-icons/md");
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _constant = require("../provider/constant");
+var _datetimeFormat = _interopRequireDefault(require("../../utils/format/datetimeFormat"));
 
 var _DateTimePickerContext = _interopRequireDefault(require("../DateTimePickerContext"));
 
-var _datetimeFormat = _interopRequireDefault(require("../../utils/format/datetimeFormat"));
+var _constant = require("../provider/constant");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -49,6 +49,7 @@ var Month = function Month(_ref) {
   var handleChangeMonth = (0, _react.useCallback)(function (month) {
     setSelectedDate(function () {
       var date = new Date(selectedDate);
+      date.setDate(1);
       date.setMonth(month);
       return (0, _datetimeFormat.default)(date);
     });
@@ -93,22 +94,23 @@ var Month = function Month(_ref) {
 
     if (fixedYear && !minDate && !maxDate || !minDate && !maxDate) {
       return false;
-    } else {
-      var minDate1st = minDate && new Date((0, _datetimeFormat.default)(minDate));
-      var maxDate1st = maxDate && new Date((0, _datetimeFormat.default)(maxDate));
-
-      if (minDate && !maxDate) {
-        minDate1st.setDate(1);
-        minDate1st.setHours(0, 0, 0, 0);
-        return minDate1st <= date ? false : true;
-      } else if (maxDate && !minDate) {
-        maxDate1st.setDate(1);
-        return maxDate1st >= date ? false : true;
-      } else if (minDate && maxDate) {
-        maxDate1st.setDate(1);
-        minDate1st.setDate(1);
-        return minDate1st <= date && maxDate1st >= date ? false : true;
-      }
+    }
+
+    var minDate1st = minDate && new Date((0, _datetimeFormat.default)(minDate));
+    var maxDate1st = maxDate && new Date((0, _datetimeFormat.default)(maxDate));
+
+    if (minDate && !maxDate) {
+      minDate1st.setDate(1);
+      minDate1st.setHours(0, 0, 0, 0);
+      return !(minDate1st <= date);
+    } else if (maxDate && !minDate) {
+      maxDate1st.setDate(1);
+      return !(maxDate1st >= date);
+    } else if (minDate && maxDate) {
+      minDate1st.setHours(0, 0, 0, 0);
+      maxDate1st.setDate(1);
+      minDate1st.setDate(1);
+      return !(minDate1st <= date && maxDate1st >= date);
     }
   }, [fixedYear, maxDate, minDate, selectedDate]);
   var monthContent = (0, _react.useMemo)(function () {

package/datetimePicker/accordion/Year.js

@@ -86,13 +86,13 @@ var Year = function Year(_ref) {
   }, [selectedDate, setAccordionCurrentDisplayType, setSelectedDate]);
   var handleYearItemDisable = (0, _react.useCallback)(function (year) {
     if (minDate !== undefined && maxDate !== undefined) {
-      return minYear <= year && year <= maxYear ? false : true;
+      return !(minYear <= year && year <= maxYear);
     }
 
     if (minDate) {
-      return minYear > year ? true : false;
+      return minYear > year;
     } else if (maxDate) {
-      return maxYear < year ? true : false;
+      return maxYear < year;
     }
 
     return false;
@@ -101,13 +101,13 @@ var Year = function Year(_ref) {
     var data = new Date(selectedDate);
 
     if (arrowType === 'previous') {
-      return minYear > data.getFullYear() - 1 ? true : false;
+      return minYear > data.getFullYear() - 1;
     } else if (arrowType === 'next') {
       if (maxYear) {
-        return maxYear < data.getFullYear() + 1 ? true : false;
-      } else {
-        return false;
+        return maxYear < data.getFullYear() + 1;
       }
+
+      return false;
     }
   }, [selectedDate, minYear, maxYear]);
   var yearContent = (0, _react.useMemo)(function () {

package/datetimePicker/hooks/useChangeNumber.js

@@ -39,7 +39,7 @@ var useChangeNumber = function useChangeNumber(min, max, setState, name) {
     }
 
     setState(function (previous) {
-      if (name && _typeof(previous) === "object") {
+      if (name && _typeof(previous) === 'object') {
         var newState = _objectSpread({}, previous);
 
         newState[name] = value;

package/datetimePicker/hooks/useDecrease.js

@@ -26,7 +26,7 @@ var useDecrease = function useDecrease(min, max, setState) {
       padString = config.padString;
   return (0, _react.useCallback)(function () {
     setState(function (previous) {
-      if (name && _typeof(previous) === "object") {
+      if (name && _typeof(previous) === 'object') {
         var _value = parseInt(previous[name], 10) - 1;
 
         if (_value < min) {

package/datetimePicker/hooks/useIncrease.js

@@ -26,7 +26,7 @@ var useIncrease = function useIncrease(min, max, setState) {
       padString = config.padString;
   return (0, _react.useCallback)(function () {
     setState(function (previous) {
-      if (name && _typeof(previous) === "object") {
+      if (name && _typeof(previous) === 'object') {
         var _value = parseInt(previous[name], 10) + 1;
 
         if (_value > max) {

package/datetimePicker/utils/GMTDate.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _datetimeFormat = _interopRequireDefault(require("../../utils/format/datetimeFormat"));
+
+var _formatDate = _interopRequireDefault(require("../../utils/format/formatDate"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var GMTDate = function GMTDate(date) {
+  if (!date) return;
+  var newDate = new Date((0, _datetimeFormat.default)(date));
+  newDate.setTime(newDate.getTime() + newDate.getTimezoneOffset() * 60 * 1000);
+  newDate = (0, _formatDate.default)(newDate);
+  return newDate;
+};
+
+var _default = GMTDate;
+exports.default = _default;

package/divider/Divider.js

@@ -13,9 +13,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Divider = _styledComponents.default.hr(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: none;\n  border-top: 1px solid var(--border-color);\n  margin: var(--spacing-s);\n\n  ", "\n"])), function (_ref) {
+var Divider = _styledComponents.default.hr(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: none;\n  border-top: 1px solid var(--border-color);\n  margin: var(--spacing-s);\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var noMarginX = _ref.noMarginX;
   return noMarginX && "\n        margin-left: 0;\n        margin-right: 0;\n      ";
+}, function (_ref2) {
+  var dashed = _ref2.dashed;
+  return dashed && 'border-top-style: dashed;';
 });
 
 var _default = Divider;

package/dropdown/DropdownContent.js

@@ -69,7 +69,7 @@ var DropdownContent = function DropdownContent(_ref) {
   }, [isToggle, display, onShow, onClose]);
   (0, _react.useEffect)(function () {
     setIsToggle(true);
-  }, [display]); //rerender時不會更新位置，所以補上children讓rerender時可以更新位置
+  }, [display]); // rerender時不會更新位置，所以補上children讓rerender時可以更新位置
 
   (0, _react.useEffect)(function () {
     if (update) {

package/dropdown/DropdownItem.js

@@ -18,8 +18,8 @@ var DropdownItem = function DropdownItem(_ref) {
   var _useContext = (0, _react.useContext)(_DropdownContext.default),
       handleSelect = _useContext.handleSelect;
 
-  var handleClick = function handleClick(e) {
-    if (onClick) onClick(e);
+  var handleClick = function handleClick(event) {
+    if (onClick) onClick(event);
     handleSelect();
   };
 

package/dropzone/FileDropzone.js

@@ -184,8 +184,8 @@ var FileDropzone = function FileDropzone(_ref) {
         break;
     }
   }, []);
-  var handleFileChange = (0, _react.useCallback)(function (e) {
-    var newFiles = e.target.files;
+  var handleFileChange = (0, _react.useCallback)(function (event) {
+    var newFiles = event.target.files;
 
     if (newFiles.length > 0 && files.length === 0) {
       if (onAddedFile) {
@@ -198,28 +198,28 @@ var FileDropzone = function FileDropzone(_ref) {
 
     inputRef.current.value = '';
   }, [files, onAddedFile, chunking, chunkSize]);
-  var handleDragEnter = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDragEnter = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
     if (files.length === 0) setDragging(true);
   }, [files]);
-  var handleDragOver = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDragOver = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
     if (files.length === 0) setDragging(true);
   }, [files]);
-  var handleDragLeave = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDragLeave = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
     if (files.length === 0) setDragging(false);
   }, [files]);
-  var handleDrop = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDrop = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
 
     if (files.length === 0) {
       setDragging(false);
-      var dataTransfer = e.dataTransfer;
+      var dataTransfer = event.dataTransfer;
       var newFiles = dataTransfer.files;
 
       if (newFiles.length > 0) {
@@ -273,7 +273,7 @@ var FileDropzone = function FileDropzone(_ref) {
 
             case 9:
               setSuccessCount(function (previous) {
-                return ++previous;
+                return previous + 1;
               });
               _context.next = 16;
               break;
@@ -306,12 +306,12 @@ var FileDropzone = function FileDropzone(_ref) {
 
             case 25:
               setSuccessCount(function (previous) {
-                return ++previous;
+                return previous + 1;
               });
 
               if (setNext) {
                 setIndex(function (previous) {
-                  return ++previous;
+                  return previous + 1;
                 });
               }
 
@@ -330,7 +330,7 @@ var FileDropzone = function FileDropzone(_ref) {
 
                 if (setNext) {
                   setIndex(function (previous) {
-                    return ++previous;
+                    return previous + 1;
                   });
                 }
               }
@@ -363,13 +363,13 @@ var FileDropzone = function FileDropzone(_ref) {
       handleUpload(index, false);
     });
   }, [failUploadIndexes, handleUpload]);
-  var handleCancelUpload = (0, _react.useCallback)(function (e) {
-    if (e) e.stopPropagation();
+  var handleCancelUpload = (0, _react.useCallback)(function (event) {
+    if (event) event.stopPropagation();
     if (onCanceledFile) onCanceledFile(files[0]);
     handleReset();
   }, [files, onCanceledFile, handleReset]);
-  var handleRemoveFile = (0, _react.useCallback)(function (e) {
-    if (e) e.stopPropagation();
+  var handleRemoveFile = (0, _react.useCallback)(function (event) {
+    if (event) event.stopPropagation();
     if (onRemovedFile) onRemovedFile(files[0]);
     handleReset();
   }, [files, onRemovedFile, handleReset]);
@@ -510,7 +510,7 @@ var PreviewDetails = _styledComponents.default.div(_templateObject6 || (_templat
 
 PreviewDetails.displayName = 'PreviewDetails';
 
-var Progress = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]))); //fix:color
+var Progress = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]))); // fix:color
 
 
 var ProgressBar = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  flex: 1;\n  height: 1.25rem;\n  border-radius: var(--border-radius);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--color-primary);\n\n  &::before {\n    position: absolute;\n    content: '';\n    width: ", "%;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to bottom, #00bdff, #597ef7);\n    transition: width 300ms ease-in-out;\n  }\n\n  > span {\n    position: absolute;\n    width: 100%;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n"])), function (_ref4) {

package/dropzone/ImageDropzone.js

@@ -79,31 +79,31 @@ var ImageDropzone = function ImageDropzone(_ref) {
     inputRef.current.click();
   };
 
-  var handleDragEnter = function handleDragEnter(e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDragEnter = function handleDragEnter(event) {
+    event.preventDefault();
+    event.stopPropagation();
     if (files.length < maxFiles) setDragging(true);
   };
 
-  var handleDragOver = function handleDragOver(e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDragOver = function handleDragOver(event) {
+    event.preventDefault();
+    event.stopPropagation();
     if (files.length < maxFiles) setDragging(true);
   };
 
-  var handleDragLeave = function handleDragLeave(e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDragLeave = function handleDragLeave(event) {
+    event.preventDefault();
+    event.stopPropagation();
     if (files.length < maxFiles) setDragging(false);
   };
 
-  var handleDrop = function handleDrop(e) {
-    e.preventDefault();
-    e.stopPropagation();
+  var handleDrop = function handleDrop(event) {
+    event.preventDefault();
+    event.stopPropagation();
 
     if (files.length < maxFiles) {
       setDragging(false);
-      var dataTransfer = e.dataTransfer;
+      var dataTransfer = event.dataTransfer;
 
       var _dataTransfer$files = _toArray(dataTransfer.files),
           newFiles = _dataTransfer$files.slice(0);
@@ -112,8 +112,8 @@ var ImageDropzone = function ImageDropzone(_ref) {
         newFiles.splice(maxFiles - files.length);
       }
 
-      for (var i = 0; i < newFiles.length; i++) {
-        newFiles[i].url = URL.createObjectURL(newFiles[i]);
+      for (var index = 0; index < newFiles.length; index += 1) {
+        newFiles[index].url = URL.createObjectURL(newFiles[index]);
       }
 
       setFiles([].concat(_toConsumableArray(files), _toConsumableArray(newFiles)));
@@ -126,16 +126,16 @@ var ImageDropzone = function ImageDropzone(_ref) {
       newFiles.splice(maxFiles - files.length);
     }
 
-    for (var i = 0; i < newFiles.length; i++) {
-      newFiles[i].url = URL.createObjectURL(newFiles[i]);
+    for (var index = 0; index < newFiles.length; index += 1) {
+      newFiles[index].url = URL.createObjectURL(newFiles[index]);
     }
 
     setFiles([].concat(_toConsumableArray(files), _toConsumableArray(newFiles)));
     setAddedFiles(newFiles);
   }, [files, maxFiles]);
-  var handleRemoveFile = (0, _react.useCallback)(function (e, index) {
-    if (e) {
-      e.stopPropagation();
+  var handleRemoveFile = (0, _react.useCallback)(function (event, index) {
+    if (event) {
+      event.stopPropagation();
     }
 
     var newFiles = _toConsumableArray(files);
@@ -144,22 +144,22 @@ var ImageDropzone = function ImageDropzone(_ref) {
     setFiles(newFiles);
     if (onRemovedFile) onRemovedFile(index);
   }, [files, onRemovedFile]);
-  var handleChangeFile = (0, _react.useCallback)(function (e) {
-    var files = e.target.files;
+  var handleChangeFile = (0, _react.useCallback)(function (event) {
+    var files = event.target.files;
     var newFiles = [];
 
-    for (var i = 0; i < files.length; i++) {
-      newFiles.push(files[i]);
+    for (var index = 0; index < files.length; index += 1) {
+      newFiles.push(files[index]);
     }
 
     handleAddFiles(newFiles);
     inputRef.current.value = '';
   }, [handleAddFiles]);
-  var handleCrop = (0, _react.useCallback)(function (e, index, file) {
-    e.stopPropagation();
+  var handleCrop = (0, _react.useCallback)(function (event, index, file) {
+    event.stopPropagation();
     cropper.handler({
-      src: file.url,
       file: file,
+      src: file.url,
       width: 180,
       height: 320,
       onCrop: function onCrop(croppedSrc) {
@@ -179,21 +179,21 @@ var ImageDropzone = function ImageDropzone(_ref) {
   var previewItem = function previewItem() {
     return files.map(function (file, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Image, {
-        onClick: function onClick(e) {
-          e.stopPropagation();
+        onClick: function onClick(event) {
+          event.stopPropagation();
         },
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonGroup, {
           children: [cropper && /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
             title: "Crop",
-            onClick: function onClick(e) {
-              return handleCrop(e, index, file);
+            onClick: function onClick(event) {
+              return handleCrop(event, index, file);
             },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_md.MdCrop, {})
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
             danger: true,
             title: "Remove",
-            onClick: function onClick(e) {
-              return handleRemoveFile(e, index);
+            onClick: function onClick(event) {
+              return handleRemoveFile(event, index);
             },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fi.FiX, {})
           })]

package/form/Label.js

@@ -18,7 +18,7 @@ var Label = _styledComponents.default.label(_templateObject || (_templateObject
   return required && "&:after {\n      content: ' *';\n      color: var(--color-danger);\n    }\n  ";
 }, function (_ref2) {
   var inline = _ref2.inline;
-  return inline && "display: inline; margin-bottom: 0;";
+  return inline && 'display: inline; margin-bottom: 0;';
 });
 
 var _default = Label;

package/form/Searchbox.js

@@ -62,8 +62,8 @@ var Searchbox = function Searchbox(_ref) {
     if (onSearch) onSearch(keyword);
   };
 
-  var handleKeyup = function handleKeyup(e) {
-    if (e.keyCode === 108 || e.keyCode === 13) {
+  var handleKeyup = function handleKeyup(event) {
+    if (event.keyCode === 108 || event.keyCode === 13) {
       handleSearch(keyword);
     }
   };
@@ -85,8 +85,8 @@ var Searchbox = function Searchbox(_ref) {
       placeholder: "Search",
       autocomplete: "false",
       value: keyword,
-      onChange: function onChange(e) {
-        return setKeyword(e.target.value);
+      onChange: function onChange(event) {
+        return setKeyword(event.target.value);
       },
       onKeyUp: handleKeyup,
       autoFocus: autoFocus

package/geolocation/MapInteractor.js

@@ -16,10 +16,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var MapInteractor = function MapInteractor(_ref) {
   var changeLatlng = _ref.changeLatlng;
   var map = (0, _reactLeaflet.useMapEvents)({
-    click: function click(e) {
-      var _e$latlng = e.latlng,
-          lat = _e$latlng.lat,
-          lng = _e$latlng.lng;
+    click: function click(event) {
+      var _event$latlng = event.latlng,
+          lat = _event$latlng.lat,
+          lng = _event$latlng.lng;
       changeLatlng({
         lat: lat.toString(),
         lng: lng.toString()

package/heading/Heading1.js

@@ -13,9 +13,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Heading1 = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h1);\n  word-break: break-word;\n\n  ", "\n"])), function (_ref) {
+var Heading1 = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h1);\n  word-break: break-word;\n  white-space: pre;\n\n  ", "\n"])), function (_ref) {
   var center = _ref.center;
-  return center && "text-align: center;";
+  return center && 'text-align: center;';
 });
 
 var _default = Heading1;

package/heading/Heading2.js

@@ -13,12 +13,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Heading2 = _styledComponents.default.h2(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h2);\n  word-break: break-word;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var Heading2 = _styledComponents.default.h2(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h2);\n  word-break: break-word;\n  white-space: pre;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var center = _ref.center;
-  return center && "text-align: center;";
+  return center && 'text-align: center;';
 }, function (_ref2) {
   var marginBottom = _ref2.marginBottom;
-  return marginBottom && "margin-bottom: var(--spacing);";
+  return marginBottom && 'margin-bottom: var(--spacing);';
 });
 
 var _default = Heading2;

package/heading/Heading3.js

@@ -13,18 +13,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Heading3 = _styledComponents.default.h3(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h3);\n  word-break: break-word;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var Heading3 = _styledComponents.default.h3(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h3);\n  word-break: break-word;\n  white-space: pre;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var center = _ref.center;
-  return center && "text-align: center;";
+  return center && 'text-align: center;';
 }, function (_ref2) {
   var fontWeightNormal = _ref2.fontWeightNormal;
-  return fontWeightNormal && "font-weight: normal;";
+  return fontWeightNormal && 'font-weight: normal;';
 }, function (_ref3) {
-  var marginBottomXS = _ref3.marginBottomXS;
-  return marginBottomXS && "margin-bottom: var(--spacing-xs);";
+  var marginBottomS = _ref3.marginBottomS;
+  return marginBottomS && 'margin-bottom: var(--spacing-s);';
 }, function (_ref4) {
-  var paddingBottomXS = _ref4.paddingBottomXS;
-  return paddingBottomXS && "padding-bottom: var(--spacing-xs);";
+  var marginBottomXS = _ref4.marginBottomXS;
+  return marginBottomXS && 'margin-bottom: var(--spacing-xs);';
+}, function (_ref5) {
+  var paddingBottomXS = _ref5.paddingBottomXS;
+  return paddingBottomXS && 'padding-bottom: var(--spacing-xs);';
 });
 
 var _default = Heading3;

package/icon/IconFigure.js

@@ -21,10 +21,10 @@ var IconFigure = _styledComponents.default.figure(_templateObject || (_templateO
   var size = _ref.size;
 
   switch (size) {
-    case "small":
+    case 'small':
       return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          width: 16px;\n          height: 16px;\n        "])));
 
-    case "large":
+    case 'large':
       return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          width: 32px;\n          height: 32px;\n        "])));
 
     default: