@cashub/ui 0.21.0 → 0.21.1

package/form/index.js

@@ -5,75 +5,65 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Checkbox.default;
   }
 });
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItem.default;
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Input.default;
   }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Label.default;
   }
 });
 Object.defineProperty(exports, "MutedText", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MutedText.default;
   }
 });
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RadioButton.default;
   }
 });
 Object.defineProperty(exports, "Searchbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Searchbox.default;
   }
 });
 Object.defineProperty(exports, "SwitchButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SwitchButton.default;
   }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Textarea.default;
   }
 });
-
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-
 var _FormItem = _interopRequireDefault(require("./FormItem"));
-
 var _Input = _interopRequireDefault(require("./Input"));
-
 var _Label = _interopRequireDefault(require("./Label"));
-
 var _MutedText = _interopRequireDefault(require("./MutedText"));
-
 var _RadioButton = _interopRequireDefault(require("./RadioButton"));
-
 var _Searchbox = _interopRequireDefault(require("./Searchbox"));
-
 var _SwitchButton = _interopRequireDefault(require("./SwitchButton"));
-
 var _Textarea = _interopRequireDefault(require("./Textarea"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/grid/Column.js

@@ -4,30 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Column = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 calc(var(--spacing) / 2);\n  grid-column-end: span ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var desktop = _ref.desktop;
+const Column = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 calc(var(--spacing) / 2);\n  grid-column-end: span ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    desktop
+  } = _ref;
   return desktop;
-}, function (_ref2) {
-  var laptop = _ref2.laptop;
+}, _ref2 => {
+  let {
+    laptop
+  } = _ref2;
   return laptop && _media.default.laptop(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        grid-column-end: span ", ";\n      "])), laptop);
-}, function (_ref3) {
-  var tablet = _ref3.tablet;
+}, _ref3 => {
+  let {
+    tablet
+  } = _ref3;
   return tablet && _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        grid-column-end: span ", ";\n      "])), tablet);
-}, function (_ref4) {
-  var mobile = _ref4.mobile;
+}, _ref4 => {
+  let {
+    mobile
+  } = _ref4;
   return mobile && _media.default.mobile(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        grid-column-end: span ", ";\n      "])), mobile);
 });
-
-var _default = Column;
-exports.default = _default;
+var _default = exports.default = Column;

package/grid/Grid.js

@@ -4,25 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Grid = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(", ", minmax(0, 1fr));\n  margin: 0 calc(var(--spacing) * -1 / 2);\n\n  > * {\n    grid-column-end: span ", ";\n  }\n\n  ", "\n"])), function (_ref) {
-  var columns = _ref.columns;
+const Grid = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(", ", minmax(0, 1fr));\n  margin: 0 calc(var(--spacing) * -1 / 2);\n\n  > * {\n    grid-column-end: span ", ";\n  }\n\n  ", "\n"])), _ref => {
+  let {
+    columns
+  } = _ref;
   return columns;
-}, function (_ref2) {
-  var columns = _ref2.columns;
+}, _ref2 => {
+  let {
+    columns
+  } = _ref2;
   return columns;
-}, function (_ref3) {
-  var alignCenter = _ref3.alignCenter;
+}, _ref3 => {
+  let {
+    alignCenter
+  } = _ref3;
   return alignCenter && 'align-items: center;';
 });
-
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

package/grid/index.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Column", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Column.default;
   }
 });
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Grid.default;
   }
 });
-
 var _Grid = _interopRequireDefault(require("./Grid"));
-
 var _Column = _interopRequireDefault(require("./Column"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/heading/Heading1.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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  white-space: pre-wrap;\n\n  ", "\n"])), function (_ref) {
-  var center = _ref.center;
+const Heading1 = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h1);\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  ", "\n"])), _ref => {
+  let {
+    center
+  } = _ref;
   return center && 'text-align: center;';
 });
-
-var _default = Heading1;
-exports.default = _default;
+var _default = exports.default = Heading1;

package/heading/Heading2.js

@@ -4,22 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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  white-space: pre-wrap;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var center = _ref.center;
+const Heading2 = _styledComponents.default.h2(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h2);\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    center
+  } = _ref;
   return center && 'text-align: center;';
-}, function (_ref2) {
-  var marginBottom = _ref2.marginBottom;
+}, _ref2 => {
+  let {
+    marginBottom
+  } = _ref2;
   return marginBottom && 'margin-bottom: var(--spacing);';
 });
-
-var _default = Heading2;
-exports.default = _default;
+var _default = exports.default = Heading2;

package/heading/Heading3.js

@@ -4,31 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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  white-space: pre-wrap;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var center = _ref.center;
+const Heading3 = _styledComponents.default.h3(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-h3);\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    center
+  } = _ref;
   return center && 'text-align: center;';
-}, function (_ref2) {
-  var fontWeightNormal = _ref2.fontWeightNormal;
+}, _ref2 => {
+  let {
+    fontWeightNormal
+  } = _ref2;
   return fontWeightNormal && 'font-weight: normal;';
-}, function (_ref3) {
-  var marginBottomS = _ref3.marginBottomS;
+}, _ref3 => {
+  let {
+    marginBottomS
+  } = _ref3;
   return marginBottomS && 'margin-bottom: var(--spacing-s);';
-}, function (_ref4) {
-  var marginBottomXS = _ref4.marginBottomXS;
+}, _ref4 => {
+  let {
+    marginBottomXS
+  } = _ref4;
   return marginBottomXS && 'margin-bottom: var(--spacing-xs);';
-}, function (_ref5) {
-  var paddingBottomXS = _ref5.paddingBottomXS;
+}, _ref5 => {
+  let {
+    paddingBottomXS
+  } = _ref5;
   return paddingBottomXS && 'padding-bottom: var(--spacing-xs);';
 });
-
-var _default = Heading3;
-exports.default = _default;
+var _default = exports.default = Heading3;

package/heading/index.js

@@ -5,27 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Heading1", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Heading.default;
   }
 });
 Object.defineProperty(exports, "Heading2", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Heading2.default;
   }
 });
 Object.defineProperty(exports, "Heading3", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Heading3.default;
   }
 });
-
 var _Heading = _interopRequireDefault(require("./Heading1"));
-
 var _Heading2 = _interopRequireDefault(require("./Heading2"));
-
 var _Heading3 = _interopRequireDefault(require("./Heading3"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/helmet/Helmet.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactHelmetAsync = require("react-helmet-async");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var Helmet = function Helmet(_ref) {
-  var title = _ref.title,
-      description = _ref.description;
+const Helmet = _ref => {
+  let {
+    title,
+    description
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactHelmetAsync.Helmet, {
     children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
       children: title
@@ -21,6 +20,4 @@ var Helmet = function Helmet(_ref) {
     })]
   });
 };
-
-var _default = Helmet;
-exports.default = _default;
+var _default = exports.default = Helmet;

package/helmet/index.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Helmet", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Helmet.default;
   }
 });
 Object.defineProperty(exports, "HelmetProvider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _reactHelmetAsync.HelmetProvider;
   }
 });
-
 var _Helmet = _interopRequireDefault(require("./Helmet"));
-
 var _reactHelmetAsync = require("react-helmet-async");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/iconbox/ApplicationIconBox.js

@@ -4,48 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _IconBoxFigure = _interopRequireDefault(require("./subComponent/IconBoxFigure"));
-
 var _IconBoxImage = _interopRequireDefault(require("./subComponent/IconBoxImage"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var ApplicationIconBox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-bottom: var(--spacing);\n\n  ", ";\n"])), function (_ref) {
-  var clickable = _ref.clickable;
+const ApplicationIconBox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-bottom: var(--spacing);\n\n  ", ";\n"])), _ref => {
+  let {
+    clickable
+  } = _ref;
   return clickable && 'cursor: pointer';
 });
-
-var Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--spacing-xs);\n  border: var(--border-width) solid transparent;\n\n  ", "\n  ", "\n  ", "\n"])), function (_ref2) {
-  var horizontal = _ref2.horizontal;
+const Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--spacing-xs);\n  border: var(--border-width) solid transparent;\n\n  ", "\n  ", "\n  ", "\n"])), _ref2 => {
+  let {
+    horizontal
+  } = _ref2;
   return horizontal && 'flex-direction: row;';
-}, function (_ref3) {
-  var alignCenter = _ref3.alignCenter;
+}, _ref3 => {
+  let {
+    alignCenter
+  } = _ref3;
   return alignCenter && 'text-align: center;';
-}, function (_ref4) {
-  var selected = _ref4.selected;
+}, _ref4 => {
+  let {
+    selected
+  } = _ref4;
   return selected && "\n      border-color: var(--border-color);\n      border-radius: var(--border-radius);\n      box-shadow: var(--box-shadow);\n    ";
 });
-
-var Description = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-width: 0;\n"])));
-
-var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: var(--font-bold);\n  font-size: var(--font-body1);\n  margin-bottom: var(--spacing-xs);\n  color: var(--font-on-background);\n  overflow: hidden;\n  white-space: pre;\n  text-overflow: ellipsis;\n\n  a {\n    color: var(--font-on-background);\n  }\n"])));
-
-var Content = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: var(--font-body1);\n  color: var(--font-on-mute);\n  margin-bottom: var(--spacing-xs);\n  overflow: hidden;\n  white-space: pre;\n  text-overflow: ellipsis;\n"])));
-
-var _default = Object.assign(ApplicationIconBox, {
-  Body: Body,
-  Description: Description,
-  Title: Title,
-  Content: Content,
+const Description = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-width: 0;\n"])));
+const Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: var(--font-bold);\n  font-size: var(--font-body1);\n  margin-bottom: var(--spacing-xs);\n  color: var(--font-on-background);\n  overflow: hidden;\n  white-space: pre;\n  text-overflow: ellipsis;\n\n  a {\n    color: var(--font-on-background);\n  }\n"])));
+const Content = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: var(--font-body1);\n  color: var(--font-on-mute);\n  margin-bottom: var(--spacing-xs);\n  overflow: hidden;\n  white-space: pre;\n  text-overflow: ellipsis;\n"])));
+var _default = exports.default = Object.assign(ApplicationIconBox, {
+  Body,
+  Description,
+  Title,
+  Content,
   Figure: _IconBoxFigure.default,
   Image: _IconBoxImage.default
-});
-
-exports.default = _default;
+});

package/iconbox/IconBox.js

@@ -4,27 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _IconBoxFigure = _interopRequireDefault(require("./subComponent/IconBoxFigure"));
-
 var _IconBoxImage = _interopRequireDefault(require("./subComponent/IconBoxImage"));
-
 var _bgChartTriangle = _interopRequireDefault(require("../assets/images/bg-chart-triangle.png"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var IconBox = function IconBox(_ref) {
-  var icon = _ref.icon,
-      title = _ref.title,
-      children = _ref.children;
+const IconBox = _ref => {
+  let {
+    icon,
+    title,
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(IconBoxHead, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBoxFigure.default, {
@@ -43,14 +36,8 @@ var IconBox = function IconBox(_ref) {
     })]
   });
 };
-
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-l);\n  margin-bottom: var(--spacing);\n  border-radius: var(--border-radius);\n  background: var(--color-background2);\n  color: var(--font-on-background);\n\n  background: var(--color-background2);\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-position: right bottom;\n  background-size: 30% 70%;\n"])), _bgChartTriangle.default);
-
-var IconBoxHead = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: var(--spacing);\n"])));
-
-var IconBoxTitle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: var(--font-h2);\n  font-weight: bold;\n  word-break: break-all;\n"])));
-
-var IconBoxBody = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: var(--font-h1);\n  font-weight: bold;\n  text-align: center;\n"])));
-
-var _default = IconBox;
-exports.default = _default;
+const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-l);\n  margin-bottom: var(--spacing);\n  border-radius: var(--border-radius);\n  background: var(--color-background2);\n  color: var(--font-on-background);\n\n  background: var(--color-background2);\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-position: right bottom;\n  background-size: 30% 70%;\n"])), _bgChartTriangle.default);
+const IconBoxHead = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: var(--spacing);\n"])));
+const IconBoxTitle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: var(--font-h2);\n  font-weight: bold;\n  word-break: break-all;\n"])));
+const IconBoxBody = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: var(--font-h1);\n  font-weight: bold;\n  text-align: center;\n"])));
+var _default = exports.default = IconBox;

package/iconbox/IconBoxV2.js

@@ -4,39 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _IconBoxFigure = _interopRequireDefault(require("./subComponent/IconBoxFigure"));
-
 var _IconBoxImage = _interopRequireDefault(require("./subComponent/IconBoxImage"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var IconBoxV2 = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: var(--spacing);\n  margin-bottom: var(--spacing);\n  background: var(--color-background1);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  color: var(--font-on-background);\n\n  ", "\n"])), function (_ref) {
-  var fullHeight = _ref.fullHeight;
+const IconBoxV2 = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: var(--spacing);\n  margin-bottom: var(--spacing);\n  background: var(--color-background1);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  color: var(--font-on-background);\n\n  ", "\n"])), _ref => {
+  let {
+    fullHeight
+  } = _ref;
   return fullHeight && 'height: calc(100% - var(--spacing));';
 });
-
-var Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-
-var Description = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n  font-size: var(--font-body1);\n"])));
-
-var Info = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  word-break: break-all;\n\n  &:not(:last-child) {\n    margin-bottom: var(--spacing-s);\n  }\n"])));
-
-var Tool = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex: 0 0 calc(var(--spacing-s) + 36px);\n  padding-left: var(--spacing-s);\n\n  > *:not(:last-child) {\n    margin-bottom: var(--spacing-s);\n  }\n"])));
-
-var _default = Object.assign(IconBoxV2, {
-  Body: Body,
-  Description: Description,
-  Info: Info,
-  Tool: Tool,
+const Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+const Description = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n  font-size: var(--font-body1);\n"])));
+const Info = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  word-break: break-all;\n\n  &:not(:last-child) {\n    margin-bottom: var(--spacing-s);\n  }\n"])));
+const Tool = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex: 0 0 calc(var(--spacing-s) + 36px);\n  padding-left: var(--spacing-s);\n\n  > *:not(:last-child) {\n    margin-bottom: var(--spacing-s);\n  }\n"])));
+var _default = exports.default = Object.assign(IconBoxV2, {
+  Body,
+  Description,
+  Info,
+  Tool,
   Figure: _IconBoxFigure.default,
   Image: _IconBoxImage.default
-});
-
-exports.default = _default;
+});

package/iconbox/index.js

@@ -5,27 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ApplicationIconBox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ApplicationIconBox.default;
   }
 });
 Object.defineProperty(exports, "IconBox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _IconBox.default;
   }
 });
 Object.defineProperty(exports, "IconBoxV2", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _IconBoxV.default;
   }
 });
-
 var _ApplicationIconBox = _interopRequireDefault(require("./ApplicationIconBox"));
-
 var _IconBox = _interopRequireDefault(require("./IconBox"));
-
 var _IconBoxV = _interopRequireDefault(require("./IconBoxV2"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }