@hhgtech/hhg-components 1.24.15 → 1.24.17

package/build/{index.styled-bd761b45.js → index.styled-325ef16e.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("./utils-87d426ef.js"),i=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),s=o(i),r="DjBFAbd";const l=s.default.div`
+"use strict";var e=require("react"),t=require("./utils-89871862.js"),i=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),r=o(i),s="DjBFAbd";const l=r.default.div`
   position: relative;
   width: 100%;
 
@@ -12,13 +12,14 @@
     width: 100%;
     padding: 12px 16px;
     border: solid 1px ${e=>e.theme.colors.gray200};
-    border-radius: 6px;
+    border-radius: ${e=>e.theme.borderRadius};
 
     &:active,
     &:focus,
     &.focused {
       border-color: ${e=>e.theme.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${e=>e.theme.colors.blue200};
+      box-shadow: 0px 0px 2px 2px
+        ${e=>e.theme.colors.primary200};
     }
 
     &:disabled {
@@ -89,25 +90,25 @@
       }
     }
   }
-`;s.default.label`
+`;r.default.label`
   display: inline-block;
   margin-bottom: 4px;
   color: ${e=>e.theme.colors.gray600};
   font-weight: ${e=>e.theme.sizes.fwBold};
-`;const n=s.default.label`
+`;const n=r.default.label`
   color: ${e=>e.theme.colors.red700};
   font-weight: ${e=>e.theme.sizes.fwRegular};
-`,d=s.default.div`
+`,d=r.default.div`
   position: absolute;
   top: 50%;
   right: 16px;
   cursor: pointer;
   transform: translateY(-50%);
-`,p=s.default.div`
+`,p=r.default.div`
   position: absolute;
   top: 50%;
   left: 16px;
   display: inline-flex;
   cursor: default;
   transform: translateY(-50%);
-`;exports.Label=({children:e,className:t,style:i,htmlFor:o,size:s})=>a.default.createElement("label",{"data-size":s,className:`${r} ${t||""}`,style:i,htmlFor:o},e),exports.StyledActionIcon=d,exports.StyledDisplayIcon=p,exports.StyledErrorLabel=n,exports.StyledInput=l;
+`;exports.Label=({children:e,className:t,style:i,htmlFor:o,size:r})=>a.default.createElement("label",{"data-size":r,className:`${s} ${t||""}`,style:i,htmlFor:o},e),exports.StyledActionIcon=d,exports.StyledDisplayIcon=p,exports.StyledErrorLabel=n,exports.StyledInput=l;

package/build/{index.styled-772e311f.js → index.styled-42cbc5c9.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-74771844.js"),t=require("react"),a=require("./Locale-176ac5d6.js"),l=require("./gAssets.js"),r=require("./theme-b482772f.js"),n=require("./index-49f40221.js"),o=require("styled-components"),i=require("./index-e855da51.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t),d=s(o);const u=d.default.div`
+"use strict";var e=require("./tslib.es6-16f09d23.js"),t=require("react"),a=require("./Locale-da0b0391.js"),l=require("./gAssets.js"),r=require("./theme-63c3307a.js"),n=require("./index-fb4334a2.js"),o=require("styled-components"),i=require("./index-c71bc366.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t),d=s(o);const u=d.default.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;

package/build/{index.styled-8793ad04.js → index.styled-67e633e0.js}

@@ -1,10 +1,10 @@
-"use strict";var e=require("./utils-87d426ef.js"),t=require("styled-components"),i=require("./theme-b482772f.js"),o=require("./index.styled-970bebf7.js"),a=require("react"),r=require("./useTranslations-35d5aac3.js"),l=require("./gAssets.js"),n=require("./tslib.es6-74771844.js"),s=require("./index-285fbb50.js"),d=require("./cookieHelper-adb2d7e2.js"),p=require("slugify"),u=require("string-format"),c=require("./routing-1f2324a5.js"),m=require("dayjs"),g=require("dayjs/plugin/relativeTime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=h(t),f=h(a),b=h(p),y=h(u),_=h(m),v=h(g);const w=x.default.div`
+"use strict";var e=require("./utils-89871862.js"),t=require("styled-components"),i=require("./theme-63c3307a.js"),o=require("./index.styled-7200b82d.js"),a=require("react"),r=require("./useTranslations-1b4c80ac.js"),l=require("./gAssets.js"),n=require("./tslib.es6-16f09d23.js"),s=require("./index-2117aabb.js"),d=require("./cookieHelper-4b51be77.js"),p=require("slugify"),u=require("string-format"),c=require("./routing-2176f47d.js"),m=require("dayjs"),g=require("dayjs/plugin/relativeTime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=h(t),f=h(a),b=h(p),y=h(u),_=h(m),v=h(g);const w=x.default.div`
   position: fixed;
   left: 50%;
 
   padding: 0 16px 32px;
   background-color: ${e=>e.theme.colors.white};
-  border-radius: 6px;
+  border-radius: ${e=>e.theme.borderRadius};
   box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
   transform: translate(-50%, -50%);
   transition: all 0.5s ease-in-out;
@@ -140,7 +140,7 @@
   justify-content: space-between;
 
   padding: 0 16px;
-  border-radius: 6px;
+  border-radius: ${e=>e.theme.borderRadius};
   cursor: pointer;
 
   .check-icon {
@@ -314,8 +314,9 @@
   &[data-type='profile'] {
     /* min-height: 415px; */
     ${e.MediaQueries.mbUp} {
-      border-radius: 6px;
-      box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
+      border-radius: ${e=>e.theme.borderRadius};
+      box-shadow: 0px 4px 8px
+        ${e=>e.theme.colors.gray200};
       &:before {
         position: absolute;
         right: 11px;
@@ -1069,7 +1070,7 @@ var ne=function(e,t){if("string"!=typeof e)throw new TypeError("argument str mus
 `,vt=x.default.a`
   text-decoration: none;
   border-radius: 4px;
-  background: #e3f2ff;
+  background: ${e=>e.theme.colors.primary50};
   position: relative;
   overflow: hidden;
   display: flex;
@@ -1554,7 +1555,7 @@ var ne=function(e,t){if("string"!=typeof e)throw new TypeError("argument str mus
     flex-direction: column;
     align-items: center;
     padding: 16px;
-    border-radius: 6px;
+    border-radius: ${e=>e.theme.borderRadius};
     color: ${e=>e.theme.colors.primaryBase};
 
     svg {

package/build/{index.styled-970bebf7.js → index.styled-7200b82d.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("styled-components"),t=require("./theme-b482772f.js"),o=require("./utils-87d426ef.js"),r=require("./tslib.es6-74771844.js"),a=require("react"),i=require("./index.styled-bd761b45.js"),l=require("./index-80555770.js"),s=require("./index-49f40221.js");require("dayjs");var n=require("./screenSizeContext-764126ed.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-285fbb50.js"),require("./isProduction-0222acca.js"),require("./Locale-176ac5d6.js"),require("./gAssets.js");var d=c(e),p=c(a);const h=d.default.div`
+"use strict";var e=require("styled-components"),t=require("./theme-63c3307a.js"),o=require("./utils-89871862.js"),r=require("./tslib.es6-16f09d23.js"),a=require("react"),i=require("./index.styled-325ef16e.js"),l=require("./index-51820fc1.js"),s=require("./index-fb4334a2.js");require("dayjs");var n=require("./screenSizeContext-1c02e711.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-2117aabb.js"),require("./isProduction-a97ec848.js"),require("./Locale-da0b0391.js"),require("./gAssets.js");var d=c(e),p=c(a);const h=d.default.div`
   background-color: var(--background-color, transparent);
   color: white;
   cursor: pointer;
@@ -19,7 +19,7 @@
     img {
       --width: var(--width-prop, 72px);
       --height: var(--height-prop, 72px);
-      border-radius: 6px;
+      border-radius: ${e=>e.theme.borderRadius};
     }
   }
 
@@ -41,7 +41,7 @@
     font-size: calc(var(--size) / 2);
     font-weight: bold;
     &[data-avatar-type='square'] {
-      border-radius: 6px;
+      border-radius: ${e=>e.theme.borderRadius};
     }
     &[data-avatar-type='rounded'] {
       border-radius: 50%;
@@ -68,7 +68,7 @@
     justify-content: center;
     align-items: center;
 
-    ${e=>((e,o,r,a)=>{let i="";if("numeric"===e)switch(o){case"medium":i="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":i="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}let l,s="";r&&(s="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),r&&(l=`\n      left: 70%;\n\n      ${"large"===o?"\n        top: -7px;\n      ":"medium"===o?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":""}\n    `);let n="";switch(a){case"primary":n=`\n      background: ${t.theme.colors.blue50};\n      color: ${t.theme.colors.blue600};  \n    `;break;case"error":n=`\n        background: ${t.theme.colors.error};\n        color: white;\n      `}switch(e){case"dot":return`\n        ${s}\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ${n}\n      `;case"numeric":return`\n        ${s}\n        width: max-content;\n        border-radius: 32px;\n        ${i}\n        ${l}\n        ${n}\n      `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
+    ${e=>((e,o,r,a)=>{let i="";if("numeric"===e)switch(o){case"medium":i="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":i="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}let l,s="";r&&(s="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),r&&(l=`\n      left: 70%;\n\n      ${"large"===o?"\n        top: -7px;\n      ":"medium"===o?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":""}\n    `);let n="";switch(a){case"primary":n=`\n      background: ${t.theme.colors.primary50};\n      color: ${t.theme.colors.primary600};  \n    `;break;case"error":n=`\n        background: ${t.theme.colors.error};\n        color: white;\n      `}switch(e){case"dot":return`\n        ${s}\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ${n}\n      `;case"numeric":return`\n        ${s}\n        width: max-content;\n        border-radius: 32px;\n        ${i}\n        ${l}\n        ${n}\n      `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
   }
 
   ${e=>e.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}
@@ -127,7 +127,7 @@
   border: 1px solid ${e=>e.theme.colors.gray200};
   background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;
   background-position: right 16px center;
-  border-radius: 6px;
+  border-radius: ${e=>e.theme.borderRadius};
 
   &[data-has-icons='true'] {
     border: none;
@@ -169,7 +169,8 @@
   }
 
   &:hover {
-    box-shadow: 0 0 2px 2px ${e=>e.theme.colors.blue200};
+    box-shadow: 0 0 2px 2px
+      ${e=>e.theme.colors.primary200};
   }
 `,x=d.default.div`
   padding: 12px 18px 12px 16px;
@@ -177,8 +178,9 @@
   &[data-dropdown-open] {
     padding: 11px 15px 11px 15px;
     border: 1px solid ${e=>e.theme.colors.primaryBase};
-    border-radius: 6px;
-    box-shadow: 0 0 2px 2px ${e=>e.theme.colors.blue200};
+    border-radius: ${e=>e.theme.borderRadius};
+    box-shadow: 0 0 2px 2px
+      ${e=>e.theme.colors.primary200};
   }
 
   & > svg {
@@ -193,8 +195,9 @@
   display: block;
   margin-top: 4px;
   background: ${e=>e.theme.colors.white};
-  border-radius: 6px;
-  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
+    -2px 2px 5px rgba(67, 86, 100, 0.123689);
   cursor: pointer;
 
   &[data-has-icons='true'] {
@@ -206,7 +209,7 @@
 `,v=d.default.li`
   margin: 8px;
   padding: 12px 18px 12px 16px;
-  border-radius: 6px;
+  border-radius: ${e=>e.theme.borderRadius};
   display: flex;
   &:hover,
   :active {
@@ -326,13 +329,14 @@
     width: 100%;
     padding: 12px 16px;
     border: solid 1px ${e=>e.theme.colors.gray200};
-    border-radius: 6px;
+    border-radius: ${e=>e.theme.borderRadius};
 
     &:active,
     &:focus,
     .focused & {
       border-color: ${e=>e.theme.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${e=>e.theme.colors.blue200};
+      box-shadow: 0px 0px 2px 2px
+        ${e=>e.theme.colors.primary200};
     }
 
     &:disabled {
@@ -444,7 +448,8 @@
       &:hover,
       &:active {
         border-color: ${e=>e.theme.colors.primaryBase};
-        box-shadow: 0 0 2px 2px ${e=>e.theme.colors.blue600};
+        box-shadow: 0 0 2px 2px
+          ${e=>e.theme.colors.primary600};
       }
 
       &:checked {
@@ -494,8 +499,8 @@
       display: none;
 
       &:checked ~ label {
-        border-color: ${e=>e.theme.colors.blue600};
-        background-color: ${e=>e.theme.colors.blue600};
+        border-color: ${e=>e.theme.colors.primary600};
+        background-color: ${e=>e.theme.colors.primary600};
         color: ${e=>e.theme.colors.white};
         font-weight: ${e=>e.theme.sizes.fwBold};
       }
@@ -507,7 +512,7 @@
       box-sizing: border-box;
       flex-shrink: 0;
       border: solid 1px ${e=>e.theme.colors.gray300};
-      border-radius: 6px;
+      border-radius: ${e=>e.theme.borderRadius};
       color: ${e=>e.theme.colors.gray800};
       cursor: pointer;
       font-weight: ${e=>e.theme.sizes.fwRegular};
@@ -515,7 +520,7 @@
 
       &:hover,
       &:active {
-        border-color: ${e=>e.theme.colors.blue600};
+        border-color: ${e=>e.theme.colors.primary600};
       }
     }
 
@@ -585,7 +590,7 @@
     ${e=>e.tagIsLight?"\n      color: var(--text-props-color, #000);\n      ":`\n      color: var(--text-props-color, ${t.theme.colors.white});\n        `}
   }
 
-  ${e=>((e,o)=>{switch(e){case"yellow":return`\n        background: ${o?t.theme.colors.yellow50:t.theme.colors.yellow600};\n        p {\n          color: var(\n            --text-props-color,\n            ${t.theme.colors.gray800}\n          );\n        }\n      `;case"standard":return`\n      background: ${t.theme.colors.white};\n      border: 1px solid ${t.theme.colors.gray200};\n  \n      p {\n        color: var(\n          --text-props-color,\n          ${t.theme.colors.gray800}\n        );\n      }\n  \n      &:hover {\n        background: ${t.theme.colors.gray100};\n      }\n      `;case"red":return`\n         background: ${o?t.theme.colors.red50:t.theme.colors.red500};\n        `;case"green":return`\n         background: ${o?t.theme.colors.green50:t.theme.colors.green500};\n      `;case"blue":return`\n         background: ${o?t.theme.colors.blue50:t.theme.colors.primaryBase};\n      `;case"teal":return`\n         background: ${o?t.theme.colors.teal100:t.theme.colors.teal600};\n      `;case"pink":return`\n         background: ${o?t.theme.colors.pink200:t.theme.colors.pink800};\n      `;case"violet":return`\n          background: ${o?t.theme.colors.violet100:t.theme.colors.violet500};\n      `;case"grey":return`\n          background: ${o?t.theme.colors.gray100:t.theme.colors.gray600};\n      `}})(e.tagType,e.tagIsLight)}
+  ${e=>((e,o)=>{switch(e){case"yellow":return`\n        background: ${o?t.theme.colors.yellow50:t.theme.colors.yellow600};\n        p {\n          color: var(\n            --text-props-color,\n            ${t.theme.colors.gray800}\n          );\n        }\n      `;case"standard":return`\n      background: ${t.theme.colors.white};\n      border: 1px solid ${t.theme.colors.gray200};\n  \n      p {\n        color: var(\n          --text-props-color,\n          ${t.theme.colors.gray800}\n        );\n      }\n  \n      &:hover {\n        background: ${t.theme.colors.gray100};\n      }\n      `;case"red":return`\n         background: ${o?t.theme.colors.red50:t.theme.colors.red500};\n        `;case"green":return`\n         background: ${o?t.theme.colors.green50:t.theme.colors.green500};\n      `;case"blue":return`\n         background: ${o?t.theme.colors.primary50:t.theme.colors.primaryBase};\n      `;case"teal":return`\n         background: ${o?t.theme.colors.teal100:t.theme.colors.teal600};\n      `;case"pink":return`\n         background: ${o?t.theme.colors.pink200:t.theme.colors.pink800};\n      `;case"violet":return`\n          background: ${o?t.theme.colors.violet100:t.theme.colors.violet500};\n      `;case"grey":return`\n          background: ${o?t.theme.colors.gray100:t.theme.colors.gray600};\n      `}})(e.tagType,e.tagIsLight)}
 
   ${e=>e.tagIsSquared&&"sponsored"!==e.tagType&&"\n    border-radius: 4px;\n  "}
 
@@ -593,7 +598,7 @@
 
   &[data-is-selected],
   &:active {
-    background: ${e=>e.theme.colors.blue50};
+    background: ${e=>e.theme.colors.primary50};
   }
 `,Z=(e,t)=>a.forwardRef(((o,a)=>{var{className:i}=o,l=r.__rest(o,["className"]);return p.default.createElement(e,Object.assign({ref:a,className:`${t} ${i||""}`},l))})),H="24px",S="hhgcomp-toggle-icon",O=Z(d.default.span`
   position: relative;
@@ -819,7 +824,7 @@
     &:active {
       border-color: ${e=>e.theme.colors.primaryBase};
       box-shadow: 0 0 2px 2px
-        ${e=>e.theme.colors.blue200};
+        ${e=>e.theme.colors.primary200};
     }
 
     &:focus-visible {
@@ -867,13 +872,13 @@
       font-size: 13px;
     }
     &:checked {
-      border-color: ${e=>e.theme.colors.blue50};
+      border-color: ${e=>e.theme.colors.primary50};
       &::after {
         color: ${e=>e.theme.colors.primaryBase};
       }
     }
     &:checked {
-      background: ${e=>e.theme.colors.blue50};
+      background: ${e=>e.theme.colors.primary50};
     }
   }
 
@@ -1065,7 +1070,7 @@
   min-width: 212px;
   width: ${e=>e.width+"px"};
   background-color: #ffffff;
-  border-radius: 6px;
+  border-radius: ${e=>e.theme.borderRadius};
   overflow: hidden;
   filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))
     drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))
@@ -1105,7 +1110,7 @@
 
   padding: 8px;
 
-  border-radius: 6px;
+  border-radius: ${e=>e.theme.borderRadius};
   cursor: pointer;
 
   & > div {
@@ -1162,7 +1167,7 @@
   }
 `,Pe="300ms",Re=d.default.div`
   background: ${t.theme.colors.gray50};
-  border-radius: 6px;
+  border-radius: ${e=>e.theme.borderRadius};
   padding: 16px 20px;
   .title {
     display: flex;

package/build/{index.styled-0afdaa7f.js → index.styled-cccd4e4c.js}

@@ -1,4 +1,4 @@
-"use strict";var t=require("./tslib.es6-74771844.js"),e=require("react"),i=require("styled-components");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=n(e),a=n(i);const o=a.default((e=>{var{type:i}=e,n=t.__rest(e,["type"]);return p.default.createElement(i,n)}))`
+"use strict";var t=require("./tslib.es6-16f09d23.js"),e=require("react"),i=require("styled-components");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=n(e),a=n(i);const o=a.default((e=>{var{type:i}=e,n=t.__rest(e,["type"]);return p.default.createElement(i,n)}))`
   color: var(--text-color, ${t=>t.theme.mbColors.dark});
   font-family: Krub;
   font-weight: 600;

package/build/{index.styled-5c108973.js → index.styled-e618f9ff.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("@mantine/core"),t=require("./theme-b482772f.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=n(require("styled-components")).default(e.Modal)`
+"use strict";var e=require("@mantine/core"),t=require("./theme-63c3307a.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=n(require("styled-components")).default(e.Modal)`
   .mantine-Modal-modal {
     padding: 0;
   }