@dnanpm/styleguide 3.8.1 → 3.8.3

package/build/cjs/components/Footer/Footer.js

@@ -12,24 +12,20 @@ var FooterComponents = require('./Components/FooterComponents.js');
 var FooterContext = require('./context/FooterContext.js');
 var BusinessMenu = require('../MainHeaderNavigation/ChildComponents/BusinessMenu.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const TopContainer = styled["default"].div `
-    background-color: ${theme["default"].color.background.plum.E01};
+const TopContainer = styled.default.div `
+    background-color: ${theme.default.color.background.plum.E01};
     ul {
         display: flex;
         flex-direction: column;
-        gap: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 1)};
-        padding: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 0.5)} 0;
+        gap: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1)};
+        padding: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 0.5)} 0;
 
         a {
             display: inline-flex;
             align-items: center;
-            gap: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 0.9)};
-            font-weight: ${theme["default"].fontWeight.bold};
-            line-height: ${theme["default"].lineHeight.default};
+            gap: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 0.9)};
+            font-weight: ${theme.default.fontWeight.bold};
+            line-height: ${theme.default.lineHeight.default};
 
             &:hover,
             &:focus,
@@ -40,49 +36,49 @@ const TopContainer = styled["default"].div `
                 text-decoration-skip-ink: auto;
                 text-decoration-thickness: from-font;
                 text-decoration: underline;
-                color: ${theme["default"].color.text.white};
+                color: ${theme.default.color.text.white};
             }
         }
     }
 `;
-const AppSection = styled["default"].div `
+const AppSection = styled.default.div `
     text-align: center;
 
     img {
         max-width: 100%;
     }
 `;
-const AppList = styled["default"].div `
+const AppList = styled.default.div `
     display: flex;
-    gap: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1)};
+    gap: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
     justify-content: center;
     a {
         display: block;
         width: 142px;
     }
 `;
-const LangLinksContainer = styled["default"].div `
+const LangLinksContainer = styled.default.div `
     display: flex;
-    gap: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1.5)};
+    gap: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1.5)};
 `;
-const LangLink = styled["default"].a `
-    background: ${({ isActive }) => isActive ? theme["default"].color.background.white.default : 'transparent'};
-    color: ${({ isActive }) => (isActive ? theme["default"].color.text.plum : theme["default"].color.text.white)};
+const LangLink = styled.default.a `
+    background: ${({ isActive }) => isActive ? theme.default.color.background.white.default : 'transparent'};
+    color: ${({ isActive }) => (isActive ? theme.default.color.text.plum : theme.default.color.text.white)};
     &:hover,
     &:active,
     &:focus {
           color: ${({ isActive }) => isActive
-    ? theme["default"].color.text.plum
-    : theme["default"].color.text.white + theme["default"].color.transparency.T80};
+    ? theme.default.color.text.plum
+    : theme.default.color.text.white + theme.default.color.transparency.T80};
         }
     }
 `;
-const BottomContainer = styled["default"].div `
+const BottomContainer = styled.default.div `
     display: flex;
     flex-direction: column;
-    gap: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 3)};
-    margin: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 2)};
-    font-weight: ${theme["default"].fontWeight.medium};
+    gap: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 3)};
+    margin: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)};
+    font-weight: ${theme.default.fontWeight.medium};
 
     ${LangLinksContainer} {
         margin: auto;
@@ -92,7 +88,7 @@ const BottomContainer = styled["default"].div `
             justify-content: center;
             width: 32px;
             height: 32px;
-            border-radius: ${theme["default"].radius.circle};
+            border-radius: ${theme.default.radius.circle};
             transition: all 0.2s ease;
             &:hover,
             &:active,
@@ -103,11 +99,11 @@ const BottomContainer = styled["default"].div `
     }
 
     @media (min-width: ${({ collapseSize }) => collapseSize + 1}px) {
-        border-top: 1px solid ${theme["default"].color.text.white};
-        padding: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 4.5)} 0;
-        margin: 0 ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 2)}
-            ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 2)}
-            ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 2)};
+        border-top: 1px solid ${theme.default.color.text.white};
+        padding: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 4.5)} 0;
+        margin: 0 ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)}
+            ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 2)}
+            ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)};
         flex-direction: row;
         align-items: flex-start;
         justify-content: space-between;
@@ -129,19 +125,19 @@ const BottomContainer = styled["default"].div `
         }
     }
 `;
-const BottomCenter = styled["default"].div `
+const BottomCenter = styled.default.div `
     display: flex;
     flex-direction: column;
-    gap: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 3)};
+    gap: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 3)};
     align-items: center;
     max-width: 520px;
     margin: 0 auto;
-    font-size: ${theme["default"].fontSize.s};
+    font-size: ${theme.default.fontSize.s};
 `;
-const FooterContainer = styled["default"].footer `
+const FooterContainer = styled.default.footer `
     z-index: ${({ zIndex }) => zIndex};
-    color: ${theme["default"].color.text.white};
-    background: ${theme["default"].color.default.plum};
+    color: ${theme.default.color.text.white};
+    background: ${theme.default.color.default.plum};
     margin: 0;
     /* for always placing footer on bottom of the page */
     margin-top: auto;
@@ -155,7 +151,7 @@ const FooterContainer = styled["default"].footer `
             &:not(.active-site):hover,
             &:not(.active-site):focus,
             &:not(.active-site):active {
-                background-color: ${theme["default"].color.background.plum.E02};
+                background-color: ${theme.default.color.background.plum.E02};
             }
         }
     }
@@ -170,21 +166,21 @@ const FooterContainer = styled["default"].footer `
 
     div > a {
         &:not(${LangLink}) {
-            color: ${theme["default"].color.text.white};
+            color: ${theme.default.color.text.white};
             &:not(.service-button):hover,
             &:not(.service-button):focus,
             &:not(.service-button):active {
-                color: ${theme["default"].color.text.white + theme["default"].color.transparency.T80};
+                color: ${theme.default.color.text.white + theme.default.color.transparency.T80};
             }
         }
         &.service-button:hover,
         &.service-button:focus,
         &.service-button:active {
-            color: ${theme["default"].color.text.plum};
+            color: ${theme.default.color.text.plum};
         }
     }
 `;
-const FooterWrapper = styled["default"].div `
+const FooterWrapper = styled.default.div `
     max-width: 1290px;
     margin-left: auto;
     margin-right: auto;
@@ -195,14 +191,14 @@ const initialCollapse = {
     1: false,
     2: false,
 };
-const LanguageLinks = ({ languages }) => (React__default["default"].createElement(LangLinksContainer, { "data-testid": "language-selector-section" }, languages.map(language => (React__default["default"].createElement(LangLink, { href: language.url, 
+const LanguageLinks = ({ languages }) => (React.createElement(LangLinksContainer, { "data-testid": "language-selector-section" }, languages.map(language => (React.createElement(LangLink, { href: language.url, 
     // not currently in use
     // isActive={currentLanguage === language.title.toLowerCase()}
     key: language.title }, language.title)))));
 /** @visibleName Footer */
-const Footer = ({ items = { businessId: 'NONE', footerNavigation: {} }, language = 'fi', zIndex = 1, collapseSize = breakpoints["default"].md, }) => {
+const Footer = ({ items = { businessId: 'NONE', footerNavigation: {} }, language = 'fi', zIndex = 1, collapseSize = breakpoints.default.md, }) => {
     var _a, _b, _c, _d;
-    const { isMobile } = useWindowSize["default"](collapseSize);
+    const { isMobile } = useWindowSize.default(collapseSize);
     // Resets menu states when menu content alters between mobile and desktop
     const footerChanged = previousValue !== isMobile;
     const appStoreLabel = {
@@ -239,26 +235,26 @@ const Footer = ({ items = { businessId: 'NONE', footerNavigation: {} }, language
         setIsCollapsed,
         isMobileFooter: isMobile,
     }), [collapseSize, isCollapsed, isMobile, language]);
-    return (React__default["default"].createElement(FooterContainer, { zIndex: zIndex, collapseSize: collapseSize },
-        React__default["default"].createElement(FooterContext["default"].Provider, { value: footerContextData },
-            Boolean(topSection.length) && (React__default["default"].createElement(TopContainer, null,
-                React__default["default"].createElement(FooterWrapper, null,
-                    React__default["default"].createElement(FooterComponents.TopSection, { topSection: topSection })))),
-            React__default["default"].createElement(FooterWrapper, null,
-                Boolean(categories.length) && React__default["default"].createElement(FooterComponents.Categories, { categories: categories }),
-                React__default["default"].createElement(BottomContainer, { collapseSize: collapseSize, "data-testid": "bottom-section" },
-                    Boolean(languages.length) && (React__default["default"].createElement(LanguageLinks, { currentLanguage: language, languages: languages })),
-                    React__default["default"].createElement(BottomCenter, null,
-                        socialMedia && React__default["default"].createElement(FooterComponents.SocialMediaLinks, { socialMedia: socialMedia }),
-                        React__default["default"].createElement(BusinessMenu["default"], { items: (_b = (_a = items === null || items === void 0 ? void 0 : items.footerNavigation) === null || _a === void 0 ? void 0 : _a.businessSelector) === null || _b === void 0 ? void 0 : _b.items, currentBusinessId: items.businessId, lang: language }),
-                        generalInformation && (React__default["default"].createElement(FooterComponents.GeneralInformation, { generalInformation: generalInformation }))),
-                    applicationLinks && (React__default["default"].createElement(AppSection, null,
-                        React__default["default"].createElement("p", null, applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.title[language]),
-                        React__default["default"].createElement(AppList, null,
-                            Boolean((_c = applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.appStoreURL[language]) === null || _c === void 0 ? void 0 : _c.length) && (React__default["default"].createElement("a", { "aria-label": appStoreLabel[language], href: applicationLinks.appStoreURL[language], target: "_blank", rel: "noreferrer" },
-                                React__default["default"].createElement("img", { src: "https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/App_Store_Badge.png", alt: "" }))),
-                            Boolean((_d = applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.googlePlayURL[language]) === null || _d === void 0 ? void 0 : _d.length) && (React__default["default"].createElement("a", { "aria-label": googlePlayLabel[language], href: applicationLinks.googlePlayURL[language], target: "_blank", rel: "noreferrer" },
-                                React__default["default"].createElement("img", { src: "https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/Google_Play_Badge.png", alt: "" })))))))))));
+    return (React.createElement(FooterContainer, { zIndex: zIndex, collapseSize: collapseSize },
+        React.createElement(FooterContext.default.Provider, { value: footerContextData },
+            Boolean(topSection.length) && (React.createElement(TopContainer, null,
+                React.createElement(FooterWrapper, null,
+                    React.createElement(FooterComponents.TopSection, { topSection: topSection })))),
+            React.createElement(FooterWrapper, null,
+                Boolean(categories.length) && React.createElement(FooterComponents.Categories, { categories: categories }),
+                React.createElement(BottomContainer, { collapseSize: collapseSize, "data-testid": "bottom-section" },
+                    Boolean(languages.length) && (React.createElement(LanguageLinks, { currentLanguage: language, languages: languages })),
+                    React.createElement(BottomCenter, null,
+                        socialMedia && React.createElement(FooterComponents.SocialMediaLinks, { socialMedia: socialMedia }),
+                        React.createElement(BusinessMenu.default, { items: (_b = (_a = items === null || items === void 0 ? void 0 : items.footerNavigation) === null || _a === void 0 ? void 0 : _a.businessSelector) === null || _b === void 0 ? void 0 : _b.items, currentBusinessId: items.businessId, lang: language }),
+                        generalInformation && (React.createElement(FooterComponents.GeneralInformation, { generalInformation: generalInformation }))),
+                    applicationLinks && (React.createElement(AppSection, null,
+                        React.createElement("p", null, applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.title[language]),
+                        React.createElement(AppList, null,
+                            Boolean((_c = applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.appStoreURL[language]) === null || _c === void 0 ? void 0 : _c.length) && (React.createElement("a", { "aria-label": appStoreLabel[language], href: applicationLinks.appStoreURL[language], target: "_blank", rel: "noreferrer" },
+                                React.createElement("img", { src: "https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/App_Store_Badge.png", alt: "" }))),
+                            Boolean((_d = applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.googlePlayURL[language]) === null || _d === void 0 ? void 0 : _d.length) && (React.createElement("a", { "aria-label": googlePlayLabel[language], href: applicationLinks.googlePlayURL[language], target: "_blank", rel: "noreferrer" },
+                                React.createElement("img", { src: "https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/Google_Play_Badge.png", alt: "" })))))))))));
 };
 
-exports["default"] = Footer;
+exports.default = Footer;

package/build/cjs/components/Footer/context/FooterContext.js

@@ -7,7 +7,7 @@ var breakpoints = require('../../../themes/themeComponents/breakpoints.js');
 
 const FooterContext = React.createContext({
     language: 'fi',
-    collapseSize: breakpoints["default"].md,
+    collapseSize: breakpoints.default.md,
     isCollapsed: {
         0: false,
         1: false,
@@ -16,4 +16,4 @@ const FooterContext = React.createContext({
     setIsCollapsed: () => null,
 });
 
-exports["default"] = FooterContext;
+exports.default = FooterContext;

package/build/cjs/components/Icon/Icon.js

@@ -9,24 +9,20 @@ var theme = require('../../themes/theme.js');
 var styledUtils = require('../../utils/styledUtils.js');
 var index = require('../Icons/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const IconsList = index;
-const IconContainer = styled["default"].span `
+const IconContainer = styled.default.span `
     display: inline-flex;
     width: ${({ size }) => size};
     height: ${({ size }) => size};
 
     ${({ position }) => (position === 'right' || position === 'middle') &&
     `
-            margin-left: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1)};
+            margin-left: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
         `}
 
     ${({ position }) => (position === 'left' || position === 'middle') &&
     `
-            margin-right: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1)};
+            margin-right: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
         `}
     
     svg {
@@ -38,11 +34,11 @@ const Icon = (_a) => {
     var { name, icon: IconParam, color = 'currentColor', size = '1.5rem', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["name", "icon", "color", "size", 'data-testid']);
     // TODO: Remove once https://jira.dna.fi/browse/STYLE-334 is done
     const RenderIcon = name && IconsList[name];
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        RenderIcon && (React__default["default"].createElement(IconContainer, { position: props.position, size: size, className: "dnasg-icon", "data-testid": dataTestId },
-            React__default["default"].createElement(RenderIcon, Object.assign({}, props, { size: size, color: color })))),
-        IconParam && (React__default["default"].createElement(IconContainer, { onClick: props.onClick, position: props.position, size: size, className: `dnasg-icon ${props.className || ''}`.trim(), "data-testid": dataTestId },
-            React__default["default"].createElement(IconParam, { size: size, color: color })))));
+    return (React.createElement(React.Fragment, null,
+        RenderIcon && (React.createElement(IconContainer, { position: props.position, size: size, className: "dnasg-icon", "data-testid": dataTestId },
+            React.createElement(RenderIcon, Object.assign({}, props, { size: size, color: color })))),
+        IconParam && (React.createElement(IconContainer, { onClick: props.onClick, position: props.position, size: size, className: `dnasg-icon ${props.className || ''}`.trim(), "data-testid": dataTestId },
+            React.createElement(IconParam, { size: size, color: color })))));
 };
 
-exports["default"] = Icon;
+exports.default = Icon;

package/build/cjs/components/Icons/Small/hlArrowBackSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlArrowBackSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M3.25 5.4L4.62 4a.6.6 0 1 0-.85-.85l-2.4 2.4L1 6l.42.42 2.4 2.4a.6.6 0 1 0 .8-.82L3.25 6.6H9.6v1.2a.6.6 0 0 0 1.2 0V5.4z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
+        React.createElement("path", { d: "M3.25 5.4L4.62 4a.6.6 0 1 0-.85-.85l-2.4 2.4L1 6l.42.42 2.4 2.4a.6.6 0 1 0 .8-.82L3.25 6.6H9.6v1.2a.6.6 0 0 0 1.2 0V5.4z" })));
 };
 
-exports["default"] = hlArrowBackSmall;
+exports.default = hlArrowBackSmall;

package/build/cjs/components/Icons/Small/hlArrowForwardSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlArrowForwardSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M10.62 6.42L11 6l-.42-.42-2.4-2.4a.6.6 0 0 0-.8.82l1.37 1.4h-7a.6.6 0 1 0 0 1.2h7L7.38 8a.6.6 0 1 0 .85.85l2.4-2.4z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
+        React.createElement("path", { d: "M10.62 6.42L11 6l-.42-.42-2.4-2.4a.6.6 0 0 0-.8.82l1.37 1.4h-7a.6.6 0 1 0 0 1.2h7L7.38 8a.6.6 0 1 0 .85.85l2.4-2.4z" })));
 };
 
-exports["default"] = hlArrowForwardSmall;
+exports.default = hlArrowForwardSmall;

package/build/cjs/components/Icons/Small/hlArrowUnderSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlArrowUnderSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 10 7", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M7.75 4.6L6.38 6a.601.601 0 10.85.85l2.4-2.4L10 4l-.42-.42-2.4-2.4a.6.6 0 10-.8.82l1.37 1.4H1.4V2.2a.6.6 0 10-1.2 0v2.4h7.55z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 10 7", fill: color }, props),
+        React.createElement("path", { d: "M7.75 4.6L6.38 6a.601.601 0 10.85.85l2.4-2.4L10 4l-.42-.42-2.4-2.4a.6.6 0 10-.8.82l1.37 1.4H1.4V2.2a.6.6 0 10-1.2 0v2.4h7.55z" })));
 };
 
-exports["default"] = hlArrowUnderSmall;
+exports.default = hlArrowUnderSmall;

package/build/cjs/components/Icons/Small/hlCalendarSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlCalendarSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 10 10", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M7.4 1.4V.8a.6.6 0 10-1.2 0v.6H3.8V.8a.6.6 0 10-1.2 0v.6H.2v8.4h9.6V1.4H7.4zm1.2 7.2H1.4v-6h1.2v.6a.6.6 0 101.2 0v-.6h2.4v.6a.6.6 0 101.2 0v-.6h1.2v6z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 10 10", fill: color }, props),
+        React.createElement("path", { d: "M7.4 1.4V.8a.6.6 0 10-1.2 0v.6H3.8V.8a.6.6 0 10-1.2 0v.6H.2v8.4h9.6V1.4H7.4zm1.2 7.2H1.4v-6h1.2v.6a.6.6 0 101.2 0v-.6h2.4v.6a.6.6 0 101.2 0v-.6h1.2v6z" })));
 };
 
-exports["default"] = hlCalendarSmall;
+exports.default = hlCalendarSmall;

package/build/cjs/components/Icons/Small/hlChevronDownSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlChevronDownSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M6,9.25 L1.38,4.62 C1.14527898,4.38527898 1.14527898,4.00472102 1.38,3.77 C1.61472102,3.53527898 1.99527898,3.53527898 2.23,3.77 L6,7.55 L9.78,3.78 C9.93183788,3.62816212 10.1531464,3.56886268 10.3605608,3.6244392 C10.5679752,3.68001572 10.7299843,3.84202481 10.7855608,4.0494392 C10.8411373,4.2568536 10.7818379,4.47816212 10.63,4.63 L6,9.25 Z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
+        React.createElement("path", { d: "M6,9.25 L1.38,4.62 C1.14527898,4.38527898 1.14527898,4.00472102 1.38,3.77 C1.61472102,3.53527898 1.99527898,3.53527898 2.23,3.77 L6,7.55 L9.78,3.78 C9.93183788,3.62816212 10.1531464,3.56886268 10.3605608,3.6244392 C10.5679752,3.68001572 10.7299843,3.84202481 10.7855608,4.0494392 C10.8411373,4.2568536 10.7818379,4.47816212 10.63,4.63 L6,9.25 Z" })));
 };
 
-exports["default"] = hlChevronDownSmall;
+exports.default = hlChevronDownSmall;

package/build/cjs/components/Icons/Small/hlChevronLeftSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlChevronLeftSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M8.4,1.8 C8.39774577,1.95826156 8.33304856,2.10922172 8.22,2.22 L4.45,6 L8.22,9.78 C8.45472102,10.014721 8.45472102,10.395279 8.22,10.63 C7.98527898,10.864721 7.60472102,10.864721 7.37,10.63 L2.75,6 L7.38,1.38 C7.55266119,1.22515391 7.79910237,1.18368383 8.01293306,1.27349272 C8.22676374,1.36330161 8.3696863,1.56830446 8.38,1.8 L8.4,1.8 Z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
+        React.createElement("path", { d: "M8.4,1.8 C8.39774577,1.95826156 8.33304856,2.10922172 8.22,2.22 L4.45,6 L8.22,9.78 C8.45472102,10.014721 8.45472102,10.395279 8.22,10.63 C7.98527898,10.864721 7.60472102,10.864721 7.37,10.63 L2.75,6 L7.38,1.38 C7.55266119,1.22515391 7.79910237,1.18368383 8.01293306,1.27349272 C8.22676374,1.36330161 8.3696863,1.56830446 8.38,1.8 L8.4,1.8 Z" })));
 };
 
-exports["default"] = hlChevronLeftSmall;
+exports.default = hlChevronLeftSmall;

package/build/cjs/components/Icons/Small/hlChevronRightSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlChevronRightSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M3.6,10.2 C3.60225423,10.0417384 3.66695144,9.89077828 3.78,9.78 L7.55,6 L3.78,2.22 C3.54527899,1.98527898 3.54527899,1.60472102 3.78000001,1.37000001 C4.01472102,1.13527899 4.39527898,1.13527899 4.63,1.37 L9.25,6 L4.62,10.62 C4.44733881,10.7748461 4.20089763,10.8163162 3.98706694,10.7265073 C3.77323626,10.6366984 3.6303137,10.4316955 3.62,10.2 L3.6,10.2 Z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
+        React.createElement("path", { d: "M3.6,10.2 C3.60225423,10.0417384 3.66695144,9.89077828 3.78,9.78 L7.55,6 L3.78,2.22 C3.54527899,1.98527898 3.54527899,1.60472102 3.78000001,1.37000001 C4.01472102,1.13527899 4.39527898,1.13527899 4.63,1.37 L9.25,6 L4.62,10.62 C4.44733881,10.7748461 4.20089763,10.8163162 3.98706694,10.7265073 C3.77323626,10.6366984 3.6303137,10.4316955 3.62,10.2 L3.6,10.2 Z" })));
 };
 
-exports["default"] = hlChevronRightSmall;
+exports.default = hlChevronRightSmall;

package/build/cjs/components/Icons/Small/hlChevronUpSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlChevronUpSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M10.2,8.4 C10.0417384,8.39774577 9.89077828,8.33304856 9.78,8.22 L6,4.45 L2.22,8.22 C1.98527898,8.45472102 1.60472102,8.45472102 1.37,8.22 C1.13527898,7.98527898 1.13527898,7.60472102 1.37,7.37 L6,2.75 L10.62,7.37 C10.7748461,7.54266119 10.8163162,7.78910237 10.7265073,8.00293306 C10.6366984,8.21676374 10.4316955,8.3596863 10.2,8.37 L10.2,8.4 Z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
+        React.createElement("path", { d: "M10.2,8.4 C10.0417384,8.39774577 9.89077828,8.33304856 9.78,8.22 L6,4.45 L2.22,8.22 C1.98527898,8.45472102 1.60472102,8.45472102 1.37,8.22 C1.13527898,7.98527898 1.13527898,7.60472102 1.37,7.37 L6,2.75 L10.62,7.37 C10.7748461,7.54266119 10.8163162,7.78910237 10.7265073,8.00293306 C10.6366984,8.21676374 10.4316955,8.3596863 10.2,8.37 L10.2,8.4 Z" })));
 };
 
-exports["default"] = hlChevronUpSmall;
+exports.default = hlChevronUpSmall;

package/build/cjs/components/Icons/Small/hlClockSmall.js

@@ -5,15 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlClockSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M6 1.8a4.2 4.2 0 110 8.4 4.2 4.2 0 010-8.4zM6 .6a5.4 5.4 0 100 10.8A5.4 5.4 0 006 .6z" }),
-        React__default["default"].createElement("path", { d: "M7.8 7.2H5.4V3.6a.6.6 0 111.2 0V6h1.2a.6.6 0 110 1.2z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 12 12", fill: color }, props),
+        React.createElement("path", { d: "M6 1.8a4.2 4.2 0 110 8.4 4.2 4.2 0 010-8.4zM6 .6a5.4 5.4 0 100 10.8A5.4 5.4 0 006 .6z" }),
+        React.createElement("path", { d: "M7.8 7.2H5.4V3.6a.6.6 0 111.2 0V6h1.2a.6.6 0 110 1.2z" })));
 };
 
-exports["default"] = hlClockSmall;
+exports.default = hlClockSmall;

package/build/cjs/components/Icons/Small/hlDownloadSmall.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlDownloadSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
-        React__default["default"].createElement("g", { fillRule: "evenodd" },
-            React__default["default"].createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
-            React__default["default"].createElement("path", { d: "M4 .4a.6.6 0 01.592.503L4.6 1v3.551l.976-.975a.6.6 0 01.765-.07l.083.07a.6.6 0 01.07.765l-.07.083L4 6.85l-.419-.42a.604.604 0 01-.01-.01L1.575 4.424a.6.6 0 01.765-.918l.083.07.976.95V1A.6.6 0 014 .4z", fillRule: "nonzero" }))));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
+        React.createElement("g", { fillRule: "evenodd" },
+            React.createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
+            React.createElement("path", { d: "M4 .4a.6.6 0 01.592.503L4.6 1v3.551l.976-.975a.6.6 0 01.765-.07l.083.07a.6.6 0 01.07.765l-.07.083L4 6.85l-.419-.42a.604.604 0 01-.01-.01L1.575 4.424a.6.6 0 01.765-.918l.083.07.976.95V1A.6.6 0 014 .4z", fillRule: "nonzero" }))));
 };
 
-exports["default"] = hlDownloadSmall;
+exports.default = hlDownloadSmall;

package/build/cjs/components/Icons/Small/hlExternalSmall.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlExternalSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M9.25 4a.75.75 0 01.056 1.498L9.25 5.5H5.5v9h9v-3.75a.75.75 0 01.694-.748L15.25 10a.75.75 0 01.748.694l.002.056V16H4V4h5.25zM16 4v3.75a.75.75 0 01-1.498.056L14.5 7.75V6.56l-3.97 3.97a.75.75 0 01-1.104-1.013l.044-.047 3.968-3.97H12.25a.75.75 0 01-.748-.694L11.5 4.75a.75.75 0 01.694-.748L12.25 4H16z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: color }, props),
+        React.createElement("path", { d: "M9.25 4a.75.75 0 01.056 1.498L9.25 5.5H5.5v9h9v-3.75a.75.75 0 01.694-.748L15.25 10a.75.75 0 01.748.694l.002.056V16H4V4h5.25zM16 4v3.75a.75.75 0 01-1.498.056L14.5 7.75V6.56l-3.97 3.97a.75.75 0 01-1.104-1.013l.044-.047 3.968-3.97H12.25a.75.75 0 01-.748-.694L11.5 4.75a.75.75 0 01.694-.748L12.25 4H16z" })));
 };
 
-exports["default"] = hlExternalSmall;
+exports.default = hlExternalSmall;

package/build/cjs/components/Icons/Small/hlUploadSmall.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const hlUploadSmall = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
-        React__default["default"].createElement("g", { fillRule: "evenodd" },
-            React__default["default"].createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
-            React__default["default"].createElement("path", { d: "M4 6.849a.6.6 0 00.592-.503l.008-.097V2.698l.976.975a.6.6 0 00.765.07l.083-.07a.6.6 0 00.07-.766l-.07-.083L4 .4l-.419.419a.604.604 0 00-.01.01L1.575 2.825a.6.6 0 00.765.918l.083-.07.976-.974v3.55a.6.6 0 00.6.6z", fillRule: "nonzero" }))));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
+        React.createElement("g", { fillRule: "evenodd" },
+            React.createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
+            React.createElement("path", { d: "M4 6.849a.6.6 0 00.592-.503l.008-.097V2.698l.976.975a.6.6 0 00.765.07l.083-.07a.6.6 0 00.07-.766l-.07-.083L4 .4l-.419.419a.604.604 0 00-.01.01L1.575 2.825a.6.6 0 00.765.918l.083-.07.976-.974v3.55a.6.6 0 00.6.6z", fillRule: "nonzero" }))));
 };
 
-exports["default"] = hlUploadSmall;
+exports.default = hlUploadSmall;

package/build/cjs/components/Icons/Social/facebook.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const facebook = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 40 71", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M0 26.033h11.797V16.75C11.797 6.008 18.987 0 29.493 0 34.47 0 38.71.364 40 .546v11.287h-7.189c-5.714 0-6.818 2.367-6.818 6.008v8.192h13.454l-1.659 12.562H25.993V71H11.797V38.413H0v-12.38z", fillRule: "evenodd" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 40 71", fill: color }, props),
+        React.createElement("path", { d: "M0 26.033h11.797V16.75C11.797 6.008 18.987 0 29.493 0 34.47 0 38.71.364 40 .546v11.287h-7.189c-5.714 0-6.818 2.367-6.818 6.008v8.192h13.454l-1.659 12.562H25.993V71H11.797V38.413H0v-12.38z", fillRule: "evenodd" })));
 };
 
-exports["default"] = facebook;
+exports.default = facebook;

package/build/cjs/components/Icons/Social/instagram.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const instagram = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 72 73", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M35.91 50.236c7.541 0 13.646-6.103 13.646-13.646 0-7.72-6.105-13.826-13.646-13.826-7.72 0-13.825 6.105-13.825 13.826 0 7.361 6.105 13.646 13.825 13.646zM0 8.759C0 4.091 3.591.5 8.26.5h55.3C68.23.5 72 4.091 72 8.76v55.3a8.43 8.43 0 0 1-8.439 8.439H8.26C3.591 72.32 0 68.55 0 64.061V8.76zm10.953 55.302h49.735c1.616 0 2.694-1.257 2.694-2.693V30.844h-6.105c.359 1.796.718 3.77.718 5.566 0 12.211-9.875 22.087-22.085 22.087-12.389 0-22.264-9.876-22.264-22.087 0-1.795.359-3.77.898-5.566H8.259v30.524c0 1.436 1.078 2.693 2.694 2.693zm41.476-41.476h8.26c1.615 0 2.693-1.257 2.693-2.693v-8.44c0-1.615-1.257-2.693-2.694-2.693h-8.26c-1.615 0-2.872 1.257-2.872 2.694v8.439c0 1.615 1.437 2.693 2.873 2.693z", fillRule: "evenodd" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 72 73", fill: color }, props),
+        React.createElement("path", { d: "M35.91 50.236c7.541 0 13.646-6.103 13.646-13.646 0-7.72-6.105-13.826-13.646-13.826-7.72 0-13.825 6.105-13.825 13.826 0 7.361 6.105 13.646 13.825 13.646zM0 8.759C0 4.091 3.591.5 8.26.5h55.3C68.23.5 72 4.091 72 8.76v55.3a8.43 8.43 0 0 1-8.439 8.439H8.26C3.591 72.32 0 68.55 0 64.061V8.76zm10.953 55.302h49.735c1.616 0 2.694-1.257 2.694-2.693V30.844h-6.105c.359 1.796.718 3.77.718 5.566 0 12.211-9.875 22.087-22.085 22.087-12.389 0-22.264-9.876-22.264-22.087 0-1.795.359-3.77.898-5.566H8.259v30.524c0 1.436 1.078 2.693 2.694 2.693zm41.476-41.476h8.26c1.615 0 2.693-1.257 2.693-2.693v-8.44c0-1.615-1.257-2.693-2.694-2.693h-8.26c-1.615 0-2.872 1.257-2.872 2.694v8.439c0 1.615 1.437 2.693 2.873 2.693z", fillRule: "evenodd" })));
 };
 
-exports["default"] = instagram;
+exports.default = instagram;