@citygross/components 0.7.16 → 0.7.20

package/build/es/components/src/components/ListItemWithRadio/ListItemWithRadio.js

@@ -2,32 +2,31 @@ import React from 'react';
 import { BodyText, TextTypes } from '@citygross/typography';
 import Skeleton from 'react-loading-skeleton';
 import FallbackIcon from '../ListItem/assets/fallback_grocery.svg.js';
-import { ListItemContainer, ListLeft, ListImageContainer, ListImage, ListItemHeader, RadioWrapper } from './ListItemWithRadio.styles.js';
+import { ListItemContainer, ListImageContainer, ListImage, ListItemHeader, RadioWrapper, RightChildWrapper } from './ListItemWithRadio.styles.js';
 import { theme as theme_1 } from '../../../../design-tokens/build/index.js';
 
 function ListItemWithRadio(_a) {
     var _b, _c;
     var item = _a.item, loading = _a.loading, rightChildren = _a.rightChildren, radioChildren = _a.radioChildren;
     return (React.createElement(ListItemContainer, null,
-        React.createElement(ListLeft, null,
-            React.createElement(ListImageContainer, null,
-                React.createElement(ListImage, { src: (item === null || item === void 0 ? void 0 : item.image) || FallbackIcon, alt: item === null || item === void 0 ? void 0 : item.name })),
-            loading ? (React.createElement(React.Fragment, null,
-                React.createElement(ListItemHeader, null,
-                    React.createElement(Skeleton, { width: 180 })),
-                React.createElement(RadioWrapper, null,
-                    React.createElement(Skeleton, { width: 140, count: 2, style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            marginBottom: ((_b = theme_1.spacings) === null || _b === void 0 ? void 0 : _b.xs) + "px"
-                        } })))) : (React.createElement(React.Fragment, null,
-                React.createElement(ListItemHeader, null,
-                    React.createElement(BodyText, { fontWeight: 'semiBold' }, item === null || item === void 0 ? void 0 :
-                        item.name,
-                        " "),
-                    React.createElement(BodyText, { size: TextTypes.TextSize.SMALL, color: (_c = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _c === void 0 ? void 0 : _c.dark }, item === null || item === void 0 ? void 0 : item.description)),
-                React.createElement(RadioWrapper, null, radioChildren && radioChildren)))),
-        rightChildren && rightChildren));
+        React.createElement(ListImageContainer, null,
+            React.createElement(ListImage, { src: (item === null || item === void 0 ? void 0 : item.image) || FallbackIcon, alt: item === null || item === void 0 ? void 0 : item.name })),
+        loading ? (React.createElement(React.Fragment, null,
+            React.createElement(ListItemHeader, null,
+                React.createElement(Skeleton, { width: 180 })),
+            React.createElement(RadioWrapper, null,
+                React.createElement(Skeleton, { width: 140, count: 2, style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        marginBottom: ((_b = theme_1.spacings) === null || _b === void 0 ? void 0 : _b.xs) + "px"
+                    } })))) : (React.createElement(React.Fragment, null,
+            React.createElement(ListItemHeader, null,
+                React.createElement(BodyText, { fontWeight: 'semiBold' }, item === null || item === void 0 ? void 0 :
+                    item.name,
+                    " "),
+                React.createElement(BodyText, { size: TextTypes.TextSize.SMALL, color: (_c = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _c === void 0 ? void 0 : _c.dark }, item === null || item === void 0 ? void 0 : item.description)),
+            React.createElement(RadioWrapper, null, radioChildren && radioChildren))),
+        rightChildren && (React.createElement(RightChildWrapper, null, rightChildren))));
 }
 
 export { ListItemWithRadio };

package/build/es/components/src/components/ListItemWithRadio/ListItemWithRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemWithRadio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ListItemWithRadio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/ListItemWithRadio/ListItemWithRadio.styles.js

@@ -3,12 +3,12 @@ import styled from 'styled-components';
 
 var ListImageContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n  grid-area: img;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n  grid-area: img;\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.ListImageMaxWidth; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.ListImageMaxWidth; });
 var ListImage = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-width: 100%;\n  max-height: 100%;\n"], ["\n  max-width: 100%;\n  max-height: 100%;\n"])));
-var ListItemContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var ListLeft = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header'\n    'radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header'\n      '. radio';\n  }\n"], ["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header'\n    'radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header'\n      '. radio';\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.ListImageMaxWidth; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight) === null || _b === void 0 ? void 0 : _b.m1; });
-var ListItemHeader = styled(ListItemContainer)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"], ["\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
-styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  flex-direction: column;\n  gap: ", "px;\n"], ["\n  flex-direction: column;\n  gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
-var RadioWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"], ["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
+var ListItemContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header rightChild'\n    'radio radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header rightChild'\n      '. radio .';\n  }\n"], ["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header rightChild'\n    'radio radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header rightChild'\n      '. radio .';\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.ListImageMaxWidth; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight) === null || _b === void 0 ? void 0 : _b.m1; });
+var ListItemHeader = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex-direction: column;\n  gap: ", "px;\n"], ["\n  flex-direction: column;\n  gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
+var RadioWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"], ["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
+var RightChildWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  grid-area: rightChild;\n"], ["\n  grid-area: rightChild;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
-export { ListImage, ListImageContainer, ListItemContainer, ListItemHeader, ListLeft, RadioWrapper };
+export { ListImage, ListImageContainer, ListItemContainer, ListItemHeader, RadioWrapper, RightChildWrapper };
 //# sourceMappingURL=ListItemWithRadio.styles.js.map

package/build/es/components/src/components/RadioGroup/RadioListItem.styles.js

@@ -3,7 +3,7 @@ import { H3 } from '@citygross/typography';
 import styled from 'styled-components';
 
 var BaseRadioListItemContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: ", "px;\n  align-items: center;\n  cursor: pointer;\n  flex-wrap: wrap;\n  border-radius: ", "px;\n  background: ", ";\n  > p:first-of-type {\n    margin-left: ", "px;\n  }\n"], ["\n  display: flex;\n  padding: ", "px;\n  align-items: center;\n  cursor: pointer;\n  flex-wrap: wrap;\n  border-radius: ", "px;\n  background: ", ";\n  > p:first-of-type {\n    margin-left: ", "px;\n  }\n"])), function (props) { var _a; return (props.noPadding ? 0 : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
-var BaseRadioItemLeftWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  ", ";\n  > * {\n    &:first-child {\n      margin-right: ", "px;\n    }\n  }\n  ", ";\n"], ["\n  display: flex;\n  align-items: flex-start;\n  ", ";\n  > * {\n    &:first-child {\n      margin-right: ", "px;\n    }\n  }\n  ", ";\n"])), function (props) { return props.flexGrow && "flex-grow: " + props.flexGrow; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return props.isDisabled && 'opacity: 0.4'; });
+var BaseRadioItemLeftWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ", ";\n  > * {\n    &:first-child {\n      margin-right: ", "px;\n    }\n  }\n  ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  ", ";\n  > * {\n    &:first-child {\n      margin-right: ", "px;\n    }\n  }\n  ", ";\n"])), function (props) { return props.flexGrow && "flex-grow: " + props.flexGrow; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return props.isDisabled && 'opacity: 0.4'; });
 var ExtraTextContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-basis: 100%;\n  margin-left: ", "px;\n  text-align: start;\n"], ["\n  flex-basis: 100%;\n  margin-left: ", "px;\n  text-align: start;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl; });
 var StyledH3 = styled(H3).attrs({ as: 'label' })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/build/es/components/src/components/Slider/Slider.styles.js

@@ -5,7 +5,7 @@ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplat
 var SliderContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  overflow: scroll;\n  scroll-behavior: smooth;\n  margin: 0 -", "px;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  @media (pointer: fine) {\n    overflow-x: hidden;\n  }\n  @media (min-width: ", "px) {\n    margin: 0 -", "px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  overflow: scroll;\n  scroll-behavior: smooth;\n  margin: 0 -", "px;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  @media (pointer: fine) {\n    overflow-x: hidden;\n  }\n  @media (min-width: ", "px) {\n    margin: 0 -", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
 var LeftIconButtonContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  left: -", "px;\n  z-index: 1;\n  @media (min-width: ", "px) {\n    left: -", "px;\n  }\n"], ["\n  display: flex;\n  position: absolute;\n  left: -", "px;\n  z-index: 1;\n  @media (min-width: ", "px) {\n    left: -", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
 var RightIconButtonContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  right: -", "px;\n  @media (min-width: ", "px) {\n    right: -", "px;\n  }\n"], ["\n  display: flex;\n  position: absolute;\n  right: -", "px;\n  @media (min-width: ", "px) {\n    right: -", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
-var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: ", "px;\n  padding: 0 ", "px;\n  @media (min-width: ", "px) {\n    padding: 0 ", "px;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: ", "px;\n  padding: 0 ", "px;\n  @media (min-width: ", "px) {\n    padding: 0 ", "px;\n  }\n"])), function (props) { var _a, _b; return (_a = props.itemGap) !== null && _a !== void 0 ? _a : (_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.itemGap; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
+var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: ", "px;\n  padding: 0 ", "px;\n  @media (min-width: ", "px) {\n    padding: 0 ", "px;\n    gap: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: ", "px;\n  padding: 0 ", "px;\n  @media (min-width: ", "px) {\n    padding: 0 ", "px;\n    gap: ", "px;\n  }\n"])), function (props) { var _a, _b; return (_a = props.itemGap) !== null && _a !== void 0 ? _a : (_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a, _b; return (_a = props.itemGap) !== null && _a !== void 0 ? _a : (_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 
 export { Container, ItemsContainer, LeftIconButtonContainer, RightIconButtonContainer, SliderContainer };

package/build/es/components/src/containers/PageContainer/PageContainer.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { CommonPageWrapper, CommonPage } from './PageContainer.styles.js';
 
 var PageContainer = function (_a) {
-    var children = _a.children, containerBackground = _a.containerBackground, maxWidth = _a.maxWidth, _b = _a.shadow, shadow = _b === void 0 ? true : _b, background = _a.background;
+    var children = _a.children, containerBackground = _a.containerBackground, maxWidth = _a.maxWidth, shadow = _a.shadow, background = _a.background;
     return (React.createElement(CommonPageWrapper, { background: background },
         React.createElement(CommonPage, { shadow: shadow, background: containerBackground, maxWidth: maxWidth }, children)));
 };

package/build/es/components/src/index.js

@@ -1,4 +1,5 @@
 export { AddressBlock } from './components/AddressBlock/AddressBlock.js';
+export { AlertBox } from './components/AlertBox/AlertBox.js';
 export { Button, ButtonColor, ButtonSize } from './components/Button/Button.js';
 export { Header } from './components/Header/Header.js';
 export { Badge } from './components/Badge/Badge.js';

package/build/es/components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.7.16",
+  "version": "0.7.20",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -64,11 +64,12 @@
   "dependencies": {
     "@citygross/design-tokens": "^0.2.12",
     "@citygross/icons": "^0.1.1",
+    "@citygross/react-use-bg-wizard": "^0.0.5",
     "@citygross/typography": "^0.0.39",
     "@citygross/utils": "^0.0.17",
     "framer-motion": "^4.1.17",
     "moment": "^2.29.1",
     "react-loading-skeleton": "^2.2.0"
   },
-  "gitHead": "83c987fe526f14519ec1f02100cbb83c5d09d1aa"
+  "gitHead": "c24280608c00d74dec9a112dbd0c06410f44a7e1"
 }

package/build/@types/components/InfoBlock/InfoBlock.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare type TInfoBlock = {
-    background: string;
-    borderColor?: string;
-    icon?: JSX.Element;
-    children: React.ReactNode;
-};
-export declare function InfoBlock({ background, borderColor, icon, children }: TInfoBlock): JSX.Element;

package/build/@types/components/InfoBlock/InfoBlock.styles.d.ts

@@ -1,6 +0,0 @@
-declare type TBaseInfoBox = {
-    background?: string;
-    borderColor?: string;
-};
-export declare const InfoBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseInfoBox, never>;
-export {};