@hhgtech/hhg-components 1.29.87 → 1.29.89

package/build/{LastPeriod-671d5143.js → LastPeriod-c8c46da3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/MobileBottomNavigationIcon-efacfc0c.js

@@ -0,0 +1,193 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
+var React = require('react');
+var index = require('./index-6b95442c.js');
+var miscTheme = require('./miscTheme.js');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+var utils = require('./utils-ae9740c0.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const slideInUp = react.keyframes `
+  from {
+    transform: translateY(100%);
+    visibility: visible;
+  }
+
+  to {
+    transform: translateY(0);
+  }
+`;
+const slideOutDown = react.keyframes `
+  from {
+    transform: translate(0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate(0, 100%);
+  }
+`;
+const StyledMobileBottomNavigationIcon = styled__default["default"].div `
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-items: center;
+  gap: 4px;
+
+  .mobile-navigation-label {
+    font-weight: 500;
+    font-size: 10px;
+    line-height: 16px;
+    color: ${miscTheme.theme.colors.gray600};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 60px;
+    text-align: center;
+    ${utils.MediaQueries.mbDown} {
+      max-width: 60px;
+    }
+  }
+
+  .mobile-navigation-icon {
+    position: relative;
+    height: 24px;
+    &[data-no-label='true'] {
+      border-radius: 50%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 0px;
+      gap: 16px;
+      width: 40px;
+      height: 40px;
+    }
+  }
+
+  &[data-is-special='true'] {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 4px 12px 4px 6px;
+    gap: 4px;
+
+    min-width: 152px;
+    height: 32px;
+    /* Neutral/Neutral-50 */
+    background: ${miscTheme.theme.colors.primary50};
+    border-radius: 20px;
+    flex-grow: 1;
+    .mobile-navigation-icon {
+      &[data-no-label='true'] {
+        width: 24px;
+        height: 24px;
+      }
+    }
+    .mobile-navigation-label {
+      max-width: max-content;
+      color: ${miscTheme.theme.colors.primaryBase};
+    }
+  }
+
+  &[data-is-active='true'] {
+    .mobile-navigation-label {
+      color: ${miscTheme.theme.colors.primaryBase};
+    }
+  }
+
+  &[data-is-disabled='true'] {
+    opacity: 0.2;
+  }
+`;
+const StyledMobileBottomNavigation = styled__default["default"].div `
+  z-index: 100;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  max-height: 56px;
+  min-height: 56px;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: space-evenly;
+  background-color: ${miscTheme.theme.colors.white};
+  @supports (padding-bottom: env(safe-area-inset-bottom)) {
+    min-height: calc(56px + env(safe-area-inset-bottom));
+    max-height: calc(56px + env(safe-area-inset-bottom));
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-collapsed='true'] {
+    animation: ${slideOutDown} 500ms ease-in-out forwards;
+  }
+
+  &[data-is-collapsed='false'] {
+    animation: ${slideInUp} 500ms ease-in-out forwards;
+  }
+  &[data-template='health-tool'] {
+    height: 44px;
+    max-height: 44px;
+    min-height: 44px;
+    justify-content: space-between;
+    & > div {
+      flex: 0;
+    }
+  }
+`;
+const StyledBadge = styled__default["default"].span `
+  position: absolute;
+  left: 100%;
+  transform: translate(-10px, calc(-50% + 3px));
+  background-color: ${miscTheme.theme.colors.green800};
+  border-radius: 32px;
+  border: 2px solid ${miscTheme.theme.colors.white};
+  padding: 1px 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 20px;
+  aspect-ratio: 1;
+  &[data-no-label='true'] {
+    left: 0;
+    transform: translate(22px, -50%);
+  }
+`;
+styled__default["default"].div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 3px;
+  background-color: ${miscTheme.theme.colors.primaryBase};
+  transition: width 150ms linear;
+`;
+styled__default["default"].div `
+  a {
+    text-decoration: none;
+  }
+`;
+
+const MobileBottomNavigationIcon = (_a) => {
+    var { badgeAmount, disabled = false, hasBadge = false, icon, isActive = false, isSpecial = false, label } = _a, props = tslib_es6.__rest(_a, ["badgeAmount", "disabled", "hasBadge", "icon", "isActive", "isSpecial", "label"]);
+    return (React__default["default"].createElement(StyledMobileBottomNavigationIcon, Object.assign({ "data-is-special": isSpecial, "data-is-active": isActive, "data-is-disabled": disabled }, props),
+        React__default["default"].createElement("div", { className: "mobile-navigation-icon", "data-no-label": !Boolean(label) },
+            hasBadge && (React__default["default"].createElement(StyledBadge, { "data-no-label": !Boolean(label) },
+                React__default["default"].createElement(index.Text, { size: "s5", weight: "semiBold", color: isSpecial ? miscTheme.theme.colors.primaryBase : miscTheme.theme.colors.white }, badgeAmount))),
+            icon),
+        label && React__default["default"].createElement("span", { className: "mobile-navigation-label" }, label)));
+};
+
+exports.MobileBottomNavigationIcon = MobileBottomNavigationIcon;
+exports.StyledMobileBottomNavigation = StyledMobileBottomNavigation;

package/build/{WhatsApp-07eb4e4a.js → WhatsApp-8a1d6d0c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,38 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-418220e9.js');
-var index$1 = require('./index-b7e7f5d7.js');
-var index$2 = require('./index-ffc38f11.js');
-require('./tslib.es6-d6f7eba3.js');
+var index = require('./index-aad249ab.js');
+var index$1 = require('./index-f6b32484.js');
+var index$2 = require('./index-9151d357.js');
+require('./tslib.es6-f3c387c0.js');
 require('react');
-require('./index-b64c981f.js');
+require('./index-549b9e8c.js');
 require('@mantine/core');
-require('./index-0450bf33.js');
+require('./index-4bf6b5da.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-ddd1ae54.js');
+require('./index-1a6a94cd.js');
 require('./constantsDomainLocales.js');
-require('./Locale-126bf6bd.js');
+require('./Locale-07aceee9.js');
 require('./constantsIsProduction.js');
-require('./utils-03c7b063.js');
+require('./index.styles-9031f6d6.js');
+require('./utils-ae9740c0.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-743255db.js');
-require('./other-fcf0cbba.js');
-require('./index-538200cd.js');
+require('./index-6b95442c.js');
+require('./other-eedaf6ca.js');
+require('./index-d471ff2d.js');
 require('./miscTheme.js');
-require('./useMantineLocale-8df90961.js');
+require('./useMantineLocale-cc272195.js');
 require('dayjs');
-require('./index-169bae02.js');
+require('./index-648aac83.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
+require('./index-e8dc7fdb.js');
 require('classnames');
-require('./useUniqueId-47d33d64.js');
+require('./useUniqueId-621ec272.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-1fe0412c.js');
+require('./translationsContext-cd046df4.js');
 require('string-format');
 
 

package/build/atoms.js

@@ -2,71 +2,73 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-d4801d2c.js');
-var index$1 = require('./index-ac40492f.js');
-var index$2 = require('./index-418220e9.js');
-var index$3 = require('./index-31ba7c80.js');
-var index$4 = require('./index-0450bf33.js');
-var index$5 = require('./index-ffc38f11.js');
-var index$6 = require('./index-a91bff81.js');
-var index$7 = require('./index-4c15723a.js');
-var index$8 = require('./index-a5526d77.js');
-var index$9 = require('./index-b7e7f5d7.js');
-var index$a = require('./index-28f47f15.js');
-var index$b = require('./index-1fab78b5.js');
-var index$c = require('./index-e256aef8.js');
-var index$d = require('./index-0236dd90.js');
-var index$e = require('./index-3c06bcfd.js');
-var index$f = require('./index-6223ea5f.js');
-var index$g = require('./index-b895e598.js');
-var index$h = require('./index-7072811b.js');
-var logoIcon = require('./logoIcon-bd143b65.js');
-var index$i = require('./index-cd94cd77.js');
-var index$j = require('./index-46a71da2.js');
+var index = require('./index-af48fea3.js');
+var index$1 = require('./index-a76596ef.js');
+var index$2 = require('./index-aad249ab.js');
+var index$3 = require('./index-e3e72aed.js');
+var index$4 = require('./index-4bf6b5da.js');
+var index$5 = require('./index-9151d357.js');
+var index$6 = require('./index-0afde39e.js');
+var index$7 = require('./index-526cee72.js');
+var index$8 = require('./index-6b9e8dda.js');
+var index$9 = require('./index-f6b32484.js');
+var index$a = require('./index-d393d57e.js');
+var index$b = require('./index-c6b0831a.js');
+var index$c = require('./index-767f9ac6.js');
+var index$d = require('./index-86ecfc48.js');
+var index$e = require('./index-fde11604.js');
+var index$f = require('./index-81ff6094.js');
+var index$g = require('./index-f70c0edf.js');
+var index$h = require('./index-b4fd3100.js');
+var logoIcon = require('./logoIcon-f3283bfd.js');
+var index$i = require('./index-e8dc7fdb.js');
+var index$j = require('./index-de26b5d1.js');
+var index$k = require('./index-1cdccd4e.js');
 require('react');
-require('./index-743255db.js');
-require('./tslib.es6-d6f7eba3.js');
+require('./index-6b95442c.js');
+require('./tslib.es6-f3c387c0.js');
 require('@mantine/core');
-require('./other-fcf0cbba.js');
+require('./other-eedaf6ca.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-03c7b063.js');
+require('./utils-ae9740c0.js');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-b64c981f.js');
+require('./index-549b9e8c.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-ddd1ae54.js');
+require('./index-1a6a94cd.js');
 require('./constantsDomainLocales.js');
-require('./Locale-126bf6bd.js');
+require('./Locale-07aceee9.js');
 require('./constantsIsProduction.js');
+require('./index.styles-9031f6d6.js');
 require('@mantine/carousel');
-require('./index-538200cd.js');
-require('./useMantineLocale-8df90961.js');
+require('./index-d471ff2d.js');
+require('./useMantineLocale-cc272195.js');
 require('dayjs');
-require('./index-169bae02.js');
+require('./index-648aac83.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('classnames');
-require('./useUniqueId-47d33d64.js');
+require('./useUniqueId-621ec272.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-1fe0412c.js');
+require('./translationsContext-cd046df4.js');
 require('string-format');
-require('./WhatsApp-07eb4e4a.js');
+require('./WhatsApp-8a1d6d0c.js');
 require('@emotion/react');
-require('./animation-fce92928.js');
-require('./index-212720b1.js');
-require('./useTranslations-6363932f.js');
-require('./paths-822d5ab1.js');
-require('./constants-6b5e2780.js');
-require('./utils-87deb74b.js');
-require('./index-9a3d05f1.js');
+require('./animation-a1ed71d8.js');
+require('./index-fbb369ff.js');
+require('./useTranslations-8a9fa84d.js');
+require('./paths-4c182009.js');
+require('./constants-c3b9c9a9.js');
+require('./utils-251b2841.js');
+require('./index-017f99b2.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./constants-ef1d9e50.js');
+require('./constants-81b95117.js');
 
 
 
@@ -86,7 +88,6 @@ exports.Avatar = index$1.Avatar;
 exports.Button = index$2.Button;
 exports.Divider = index$3.Divider;
 exports.Flag = index$4.Flag;
-exports.ImageWrap = index$4.ImageWrap;
 exports.Heading = index$5.Heading;
 exports.Input = index$6.Input;
 exports.Label = index$6.Label;
@@ -104,5 +105,6 @@ exports.BookingBtn = index$f.BookingBtn;
 exports.CustomReferenceDot = index$g.CustomReferenceDot;
 exports.BtnChoice = index$h.BtnChoice;
 exports.LogoIcon = logoIcon.LogoIcon;
-exports.GenderOptionControl = index$i.GenderOptionControl;
-exports.Loading = index$j.Loading;
+exports.ImageWrap = index$i.ImageWrap;
+exports.GenderOptionControl = index$j.GenderOptionControl;
+exports.Loading = index$k.Loading;