npm - @integrigo/integrigo-ui - Versions diffs - 1.5.7 → 1.5.8 - Mend

@integrigo/integrigo-ui 1.5.7 → 1.5.8

Files changed (3) hide show

package/lib/index.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import styled,{createGlobalStyle,css}from"styled-components";import React from"react";var __assign=function(){return(__assign=Object.assign||function(n){for(var e,o=1,r=arguments.length;o<r;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n}).apply(this,arguments)};function __rest(n,e){var o={};for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(o[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r])&&(o[t[r]]=n[t[r]]);return o}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var templateObject_1$j,Color,templateObject_1$i,templateObject_1$h,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_2$5,templateObject_3$3,templateObject_1$a,templateObject_2$4,templateObject_3$2,templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_2$3,templateObject_3$1,templateObject_4$1,templateObject_1$6,templateObject_1$5,templateObject_2$2,templateObject_3,templateObject_4,templateObject_1$4,templateObject_1$3,templateObject_1$2,templateObject_2$1,templateObject_1$1,templateObject_2,templateObject_1,Card=styled.div(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"],["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"]),function(n){return n.inverse?"var(--color-navy)":"var(--color-white)"},function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"}),GlobalStyles=(Card.displayName="Card",!function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A",n.Grey100="#1A1A1A",n.Grey80="#595959",n.Grey60="#8C8C8C",n.Grey40="#CCCCCC",n.Grey20="#F2F2F2",n.Grey0="#fff",n.Success100="#6B8B4A",n.Success20="#DDE4D7",n.Success10="#ECEFE8",n.Error100="#CF544B",n.Error20="#FFCCCC",n.Error10="#FFF5F5"}(Color=Color||{}),createGlobalStyle(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"]),Color.White,Color.Ecru,Color.Navy,Color.Orange,Color.Red,Color.Green,Color.Grey100,Color.Grey80,Color.Grey60,Color.Grey40,Color.Grey20,Color.Grey0,Color.Success100,Color.Success20,Color.Success10,Color.Error100,Color.Error20,Color.Error10,Color.Orange,Color.Orange)),AngleDown=function(n){return React.createElement("svg",__assign({viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M11 1.17a1 1 0 0 0-1.41 0L6 4.71 2.46 1.17a1 1 0 1 0-1.41 1.42l4.24 4.24a1 1 0 0 0 1.42 0L11 2.59a.998.998 0 0 0 0-1.42Z"}))},Bars=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))},Envelope=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(n){return React.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={"angle-down":AngleDown,bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.className,o=n.type,r=n.size,r=void 0===r?"ultra-small":r,n=__rest(n,["className","type","size"]),o=iconHashMap[o],r="string"==typeof r?sizeHashMap[r]:r;return React.createElement(o,__assign({className:e,fill:Color.Navy},r,n))},sizeVariant$2={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(n){var e=n.disabled,o=n.icon,r=n.direction,t=n.colorVariant,t=void 0===t?"grey":t,a=n.size,a=void 0===a?"m":a,n=n.onClick,i={white:e?Color.Grey60:Color.White,grey:e?Color.Grey60:Color.Grey100,ghost:e?Color.Grey40:Color.Grey100};return o?React.createElement(IconWrapper,{direction:void 0===r?"ltr":r,clickable:!!n&&!e,size:a,narrow:"ghost"===t},React.createElement(Icon,{type:o,size:{width:sizeVariant$2[a].size,height:sizeVariant$2[a].size},fill:i[t],onClick:n})):null},IconWrapper=styled.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"],["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"]),function(n){return sizeVariant$2[n.size].offset},function(n){return sizeVariant$2[n.size].size},function(n){return sizeVariant$2[n.size].size},function(n){return n.clickable?"pointer":"auto"},function(n){return("ltr"===n.direction?"left: ":"right: ").concat(n.narrow?0:sizeVariant$2[n.size].offset,"px")}),Pill=(IconWrapper.displayName="IconWrapper",styled.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"],["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"]),function(n){return"var(--color-".concat(n.variant,")")})),Body=(Pill.displayName="Pill",styled.p(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n  font-size: ",";\n  line-height: ",";\n"],["\n  font-size: ",";\n  line-height: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(n){var e=n.size,n=n.children;return React.createElement(Header,{as:SIZE_MAP[void 0===e?"l":e]},n)},Header=styled.h1(templateObject_1$e=templateObject_1$e||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled.label(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"],["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")})),Typography=(Label.displayName="Label",{Body:Body,Hero:Hero,Label:Label}),Nav=styled.nav(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"],["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(n){var e=n.title,o=n.body,r=n.background,t=n.inverse,t=void 0!==t&&t,n=n.size,n=void 0===n?"l":n;return React.createElement(Root,null,r&&React.createElement(Background,null,r),React.createElement(CardBody,{inverse:t},React.createElement(Hero,{size:n},e),React.createElement(Body,{size:n},o)))}),Root=styled.div(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"],["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"]),Card),CardBody=(Root.displayName="Root",styled(Card)(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"],["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"]),function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled(Card)(templateObject_3$3=templateObject_3$3||__makeTemplateObject(["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"],["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(n){switch(n){case"success":return css(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "],["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "]));case"error":return css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "],["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "]));default:return css(templateObject_3$2=templateObject_3$2||__makeTemplateObject([""],[""]))}}),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled.div(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"],["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"]),function(n){return"calc(100% - ".concat(fieldSizeVariants[n.sizeVariant].font," - 4px)")},function(n){return fieldSizeVariants[n.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled.div(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"]),function(n){return n.withLabel?"calc(".concat(fieldSizeVariants[n.sizeVariant].font," + 8px)"):0})),getDirectionPadding$1=(FieldWrapper.displayName="InputWrapper",function(n,e){switch(n){case"ltr":return css(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n        padding-left: ",";\n      "],["\n        padding-left: ",";\n      "]),e);case"rtl":return css(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n        padding-right: ",";\n      "],["\n        padding-right: ",";\n      "]),e);default:return css(templateObject_3$1=templateObject_3$1||__makeTemplateObject([""],[""]))}}),Input$1=React.forwardRef(function(n,e){var o=n.icon,r=n.label,t=n.size,t=void 0===t?"m":t,a=n.onIconClick,n=__rest(n,["icon","label","size","onIconClick"]);return React.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,r)),"rtl"!==n.direction&&React.createElement(IconAddition,{icon:o,disabled:n.disabled,direction:n.direction,onClick:a,size:t}),React.createElement(InputElement,__assign({ref:e,sizeVariant:t},n)),"rtl"===n.direction&&React.createElement(IconAddition,{icon:o,disabled:n.disabled,direction:n.direction,onClick:a}))}),InputElement=styled.input(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)},function(n){return getDirectionPadding$1(n.direction,fieldSizeVariants[n.sizeVariant].iconPadding)}),TextArea=(Input$1.displayName="Input",function(n){return React.createElement(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled.textarea(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(n){return getValidationTypeProps(n.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(n,e,o){var r=sizeVariants[o=void 0===o?"m":o].iconPadding,t=sizeVariants[o].ghostPadding;switch(n){case"ltr":return css(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n        ","\n        padding-left: ",";\n      "],["\n        ","\n        padding-left: ",";\n      "]),!e&&"padding-right: ".concat(r,";"),e?t:r);case"rtl":return css(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n        ","\n        padding-right: ",";\n      "],["\n        ","\n        padding-right: ",";\n      "]),!e&&"padding-left: ".concat(r,";"),e?t:r);default:return css(templateObject_3=templateObject_3||__makeTemplateObject([""],[""]))}},BasicButton=styled.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"],["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"]),function(n){return sizeVariants[n.sizeVariant].padding},function(n){return sizeVariants[n.sizeVariant].font},function(n){return getDirectionPadding(n.direction,n.ghost,n.sizeVariant)},function(n){return n.disabled&&"\n    color: var(--shades-of-grey-60);\n    border-color: var(--shades-of-grey-60);\n    background-color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-60);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      color: var(--shades-of-grey-60);\n      cursor: auto;\n      opacity: 1;\n      border-color: var(--shades-of-grey-60);\n    }\n  "}),Ghost=(BasicButton.displayName="BasicButton",styled(BasicButton)(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"]),function(n){return"ltr"!==n.direction&&0},function(n){return"rtl"!==n.direction&&0},function(n){return"calc(100% + ".concat(n.direction?"8px":"0px",")")},function(n){return n.disabled&&"\n    background-color: transparent;\n    color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-40);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      opacity: 1;\n      color: var(--shades-of-grey-40);\n      border-color: var(--shades-of-grey-40);\n    }\n  "})),Primary=styled(BasicButton)(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  ","\n"],["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  ","\n"]),function(n){return n.disabled&&"\n      color: var(--shades-of-grey-60);\n\n      &::before {\n        border-color: var(--shades-of-grey-40);\n      }\n\n      &:hover,\n      &:active,\n      &:hover:active,\n      &:hover:before,\n      &:hover:active:before {\n        color: var(--shades-of-grey-60);\n        border-color: var(--shades-of-grey-40);\n      }\n  "}),sizeVariant$1={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(n,e){return n?Primary:e?Ghost:BasicButton},getIconColorVariant=function(n,e){return n?"white":e?"ghost":"grey"},Button=React.forwardRef(function(n,e){var o=n.icon,r=n.size,r=void 0===r?"m":r,t=n.onIconClick,a=n.direction,i=n.children,n=__rest(n,["icon","size","onIconClick","direction","children"]),c=getButtonComponent(n.primary,n.ghost);return React.createElement(ButtonWrapper,__assign({ref:e,fullWidth:!n.ghost,orangeIconOnHover:!n.primary&&!n.disabled},n),"rtl"!==a&&React.createElement(IconOffset,{size:r,ghost:Boolean(n.ghost)},React.createElement(IconAddition,{icon:o,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:t})),React.createElement(c,{sizeVariant:r,ghost:n.ghost,disabled:n.disabled,direction:o&&(a||"ltr")},i),"rtl"===a&&React.createElement(IconOffset,{size:r,ghost:Boolean(n.ghost),right:!0},React.createElement(IconAddition,{icon:o,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:t})))}),ButtonWrapper=styled.button(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"]),function(n){return n.fullWidth?"100%":"min-content"},function(n){return n.orangeIconOnHover&&"var(--color-orange)"},function(n){return n.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled.div(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  ",";\n"],["\n  position: absolute;\n  bottom: 0;\n  ",";\n"]),function(n){return(n.right?"right: ":"left: ").concat(n.ghost?0:sizeVariant$1[n.size])})),sizeVariant=(IconOffset.displayName="IconOffset",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px",gap:"10px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px",gap:"4px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px",gap:"4px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px",gap:"2px"}}),Checkbox=React.forwardRef(function(n,e){var o=n.size,o=void 0===o?"m":o,r=n.label,n=__rest(n,["size","label"]);return React.createElement(CheckboxWrapper,{sizeVariant:o,disabled:n.disabled},React.createElement(Input,__assign({ref:e,type:"checkbox",sizeVariant:o},n)),React.createElement(Label,null,r))}),CheckboxWrapper=styled.div(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"]),function(n){return sizeVariant[n.sizeVariant].gap},function(n){return n.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(n){return fieldSizeVariants[n.sizeVariant].font}),Input=(CheckboxWrapper.displayName="CheckboxWrapper",styled.input(templateObject_2=templateObject_2||__makeTemplateObject(["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"],["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"]),function(n){return"\n    border: ".concat(sizeVariant[n.sizeVariant].border," solid var(--shades-of-grey-40);\n    border-radius: ").concat(sizeVariant[n.sizeVariant].borderRadius,";\n    width: ").concat(sizeVariant[n.sizeVariant].size,";\n    height: ").concat(sizeVariant[n.sizeVariant].size,";\n  ")},function(n){return"\n      border-radius: ".concat(sizeVariant[n.sizeVariant].borderRadius,";\n      width: ").concat(sizeVariant[n.sizeVariant].size,";\n      height: ").concat(sizeVariant[n.sizeVariant].size,";\n      left: calc(-1 * ").concat(sizeVariant[n.sizeVariant].border,");\n      top: calc(-1 * ").concat(sizeVariant[n.sizeVariant].border,");\n    ")},function(n){return sizeVariant[n.sizeVariant].tickSize},function(n){return sizeVariant[n.sizeVariant].tickSize})),Option=(Input.displayName="Input",function(n){n=n.children;return React.createElement("option",null,n)}),Dropdown=React.forwardRef(function(n,e){var o=n.children,r=n.label,t=n.size,t=void 0===t?"m":t,n=__rest(n,["children","label","size"]);return React.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,r)),React.createElement(IconAddition,{icon:"angle-down",disabled:n.disabled,direction:"rtl",size:t}),React.createElement(Select,__assign({ref:e,sizeVariant:t},n),React.createElement("option",{disabled:!0,selected:!0},n.placeholder),o))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled.select(templateObject_1=templateObject_1||__makeTemplateObject(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)});Select.displayName="Select";export{Button,Card,Checkbox,Color,DropdownWithStatic as Dropdown,Icon,InfoCard,Input$1 as Input,GlobalStyles as IntegrigoUI,Nav,Pill,TextArea,Typography};
+import styled,{createGlobalStyle,css}from"styled-components";import React from"react";var __assign=function(){return(__assign=Object.assign||function(n){for(var e,o=1,r=arguments.length;o<r;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n}).apply(this,arguments)};function __rest(n,e){var o={};for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(o[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r])&&(o[t[r]]=n[t[r]]);return o}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var templateObject_1$j,Color,templateObject_1$i,templateObject_1$h,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_2$5,templateObject_3$3,templateObject_1$a,templateObject_2$4,templateObject_3$2,templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_2$3,templateObject_3$1,templateObject_4$1,templateObject_1$6,templateObject_1$5,templateObject_2$2,templateObject_3,templateObject_4,templateObject_1$4,templateObject_1$3,templateObject_1$2,templateObject_2$1,templateObject_1$1,templateObject_2,templateObject_1,Card=styled.div(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"],["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"]),function(n){return n.inverse?"var(--color-navy)":"var(--color-white)"},function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"}),GlobalStyles=(Card.displayName="Card",!function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A",n.Grey100="#1A1A1A",n.Grey80="#595959",n.Grey60="#8C8C8C",n.Grey40="#CCCCCC",n.Grey20="#F2F2F2",n.Grey0="#fff",n.Success100="#6B8B4A",n.Success20="#DDE4D7",n.Success10="#ECEFE8",n.Error100="#CF544B",n.Error20="#FFCCCC",n.Error10="#FFF5F5"}(Color=Color||{}),createGlobalStyle(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"]),Color.White,Color.Ecru,Color.Navy,Color.Orange,Color.Red,Color.Green,Color.Grey100,Color.Grey80,Color.Grey60,Color.Grey40,Color.Grey20,Color.Grey0,Color.Success100,Color.Success20,Color.Success10,Color.Error100,Color.Error20,Color.Error10,Color.Orange,Color.Orange)),AngleDown=function(n){return React.createElement("svg",__assign({viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M11 1.17a1 1 0 0 0-1.41 0L6 4.71 2.46 1.17a1 1 0 1 0-1.41 1.42l4.24 4.24a1 1 0 0 0 1.42 0L11 2.59a.998.998 0 0 0 0-1.42Z"}))},Bars=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))},Envelope=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(n){return React.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={"angle-down":AngleDown,bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.className,o=n.type,r=n.size,r=void 0===r?"ultra-small":r,n=__rest(n,["className","type","size"]),o=iconHashMap[o],r="string"==typeof r?sizeHashMap[r]:r;return React.createElement(o,__assign({className:e,fill:Color.Navy},r,n))},sizeVariant$2={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(n){var e=n.disabled,o=n.icon,r=n.direction,t=n.colorVariant,t=void 0===t?"grey":t,a=n.size,a=void 0===a?"m":a,n=n.onClick,i={white:e?Color.Grey60:Color.White,grey:e?Color.Grey60:Color.Grey100,ghost:e?Color.Grey40:Color.Grey100};return o?React.createElement(IconWrapper,{direction:void 0===r?"ltr":r,clickable:!!n&&!e,size:a,narrow:"ghost"===t},React.createElement(Icon,{type:o,size:{width:sizeVariant$2[a].size,height:sizeVariant$2[a].size},fill:i[t],onClick:n})):null},IconWrapper=styled.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"],["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"]),function(n){return sizeVariant$2[n.size].offset},function(n){return sizeVariant$2[n.size].size},function(n){return sizeVariant$2[n.size].size},function(n){return n.clickable?"pointer":"auto"},function(n){return("ltr"===n.direction?"left: ":"right: ").concat(n.narrow?0:sizeVariant$2[n.size].offset,"px")}),Pill=(IconWrapper.displayName="IconWrapper",styled.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"],["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"]),function(n){return"var(--color-".concat(n.variant,")")})),Body=(Pill.displayName="Pill",styled.p(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n  font-size: ",";\n  line-height: ",";\n"],["\n  font-size: ",";\n  line-height: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(n){var e=n.size,n=n.children;return React.createElement(Header,{as:SIZE_MAP[void 0===e?"l":e]},n)},Header=styled.h1(templateObject_1$e=templateObject_1$e||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled.label(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"],["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")})),Typography=(Label.displayName="Label",{Body:Body,Hero:Hero,Label:Label}),Nav=styled.nav(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"],["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(n){var e=n.title,o=n.body,r=n.background,t=n.inverse,t=void 0!==t&&t,n=n.size,n=void 0===n?"l":n;return React.createElement(Root,null,r&&React.createElement(Background,null,r),React.createElement(CardBody,{inverse:t},React.createElement(Hero,{size:n},e),React.createElement(Body,{size:n},o)))}),Root=styled.div(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"],["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"]),Card),CardBody=(Root.displayName="Root",styled(Card)(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"],["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"]),function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled(Card)(templateObject_3$3=templateObject_3$3||__makeTemplateObject(["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"],["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(n){switch(n){case"success":return css(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "],["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "]));case"error":return css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "],["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "]));default:return css(templateObject_3$2=templateObject_3$2||__makeTemplateObject([""],[""]))}}),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled.div(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"],["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"]),function(n){return"calc(100% - ".concat(fieldSizeVariants[n.sizeVariant].font," - 4px)")},function(n){return fieldSizeVariants[n.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled.div(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"]),function(n){return n.withLabel?"calc(".concat(fieldSizeVariants[n.sizeVariant].font," + 8px)"):0})),getDirectionPadding$1=(FieldWrapper.displayName="InputWrapper",function(n,e){switch(n){case"ltr":return css(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n        padding-left: ",";\n      "],["\n        padding-left: ",";\n      "]),e);case"rtl":return css(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n        padding-right: ",";\n      "],["\n        padding-right: ",";\n      "]),e);default:return css(templateObject_3$1=templateObject_3$1||__makeTemplateObject([""],[""]))}}),Input$1=React.forwardRef(function(n,e){var o=n.icon,r=n.label,t=n.size,t=void 0===t?"m":t,a=n.onIconClick,n=__rest(n,["icon","label","size","onIconClick"]);return React.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,r)),"rtl"!==n.direction&&React.createElement(IconAddition,{icon:o,disabled:n.disabled,direction:n.direction,onClick:a,size:t}),React.createElement(InputElement,__assign({ref:e,sizeVariant:t},n)),"rtl"===n.direction&&React.createElement(IconAddition,{icon:o,disabled:n.disabled,direction:n.direction,onClick:a}))}),InputElement=styled.input(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)},function(n){return getDirectionPadding$1(n.direction,fieldSizeVariants[n.sizeVariant].iconPadding)}),TextArea=(Input$1.displayName="Input",function(n){return React.createElement(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled.textarea(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(n){return getValidationTypeProps(n.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(n,e,o){var r=sizeVariants[o=void 0===o?"m":o].iconPadding,t=sizeVariants[o].ghostPadding;switch(n){case"ltr":return css(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n        ","\n        padding-left: ",";\n      "],["\n        ","\n        padding-left: ",";\n      "]),!e&&"padding-right: ".concat(r,";"),e?t:r);case"rtl":return css(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n        ","\n        padding-right: ",";\n      "],["\n        ","\n        padding-right: ",";\n      "]),!e&&"padding-left: ".concat(r,";"),e?t:r);default:return css(templateObject_3=templateObject_3||__makeTemplateObject([""],[""]))}},BasicButton=styled.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"],["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"]),function(n){return sizeVariants[n.sizeVariant].padding},function(n){return sizeVariants[n.sizeVariant].font},function(n){return getDirectionPadding(n.direction,n.ghost,n.sizeVariant)},function(n){return n.disabled&&"\n    color: var(--shades-of-grey-60);\n    border-color: var(--shades-of-grey-60);\n    background-color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-60);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      color: var(--shades-of-grey-60);\n      cursor: auto;\n      opacity: 1;\n      border-color: var(--shades-of-grey-60);\n    }\n  "}),Ghost=(BasicButton.displayName="BasicButton",styled(BasicButton)(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"]),function(n){return"ltr"!==n.direction&&0},function(n){return"rtl"!==n.direction&&0},function(n){return"calc(100% + ".concat(n.direction?"8px":"0px",")")},function(n){return n.disabled&&"\n    background-color: transparent;\n    color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-40);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      opacity: 1;\n      color: var(--shades-of-grey-40);\n      border-color: var(--shades-of-grey-40);\n    }\n  "})),Primary=styled(BasicButton)(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  &:hover:active {\n    opacity: 1;\n  }\n\n  ","\n"],["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  &:hover:active {\n    opacity: 1;\n  }\n\n  ","\n"]),function(n){return n.disabled&&"\n      color: var(--shades-of-grey-60);\n\n      &::before {\n        border-color: var(--shades-of-grey-40);\n      }\n\n      &:hover,\n      &:active,\n      &:hover:active,\n      &:hover:before,\n      &:hover:active:before {\n        color: var(--shades-of-grey-60);\n        border-color: var(--shades-of-grey-40);\n      }\n  "}),sizeVariant$1={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(n,e){return n?Primary:e?Ghost:BasicButton},getIconColorVariant=function(n,e){return n?"white":e?"ghost":"grey"},Button=React.forwardRef(function(n,e){var o=n.icon,r=n.size,r=void 0===r?"m":r,t=n.onIconClick,a=n.direction,i=n.children,n=__rest(n,["icon","size","onIconClick","direction","children"]),c=getButtonComponent(n.primary,n.ghost);return React.createElement(ButtonWrapper,__assign({ref:e,fullWidth:!n.ghost,orangeIconOnHover:!n.primary&&!n.disabled},n),"rtl"!==a&&React.createElement(IconOffset,{size:r,ghost:Boolean(n.ghost)},React.createElement(IconAddition,{icon:o,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:t})),React.createElement(c,{sizeVariant:r,ghost:n.ghost,disabled:n.disabled,direction:o&&(a||"ltr")},i),"rtl"===a&&React.createElement(IconOffset,{size:r,ghost:Boolean(n.ghost),right:!0},React.createElement(IconAddition,{icon:o,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:t})))}),ButtonWrapper=styled.button(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"]),function(n){return n.fullWidth?"100%":"min-content"},function(n){return n.orangeIconOnHover&&"var(--color-orange)"},function(n){return n.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled.div(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  ",";\n"],["\n  position: absolute;\n  bottom: 0;\n  ",";\n"]),function(n){return(n.right?"right: ":"left: ").concat(n.ghost?0:sizeVariant$1[n.size])})),sizeVariant=(IconOffset.displayName="IconOffset",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px",gap:"10px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px",gap:"4px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px",gap:"4px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px",gap:"2px"}}),Checkbox=React.forwardRef(function(n,e){var o=n.size,o=void 0===o?"m":o,r=n.label,n=__rest(n,["size","label"]);return React.createElement(CheckboxWrapper,{sizeVariant:o,disabled:n.disabled},React.createElement(Input,__assign({ref:e,type:"checkbox",sizeVariant:o},n)),React.createElement(Label,null,r))}),CheckboxWrapper=styled.div(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"]),function(n){return sizeVariant[n.sizeVariant].gap},function(n){return n.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(n){return fieldSizeVariants[n.sizeVariant].font}),Input=(CheckboxWrapper.displayName="CheckboxWrapper",styled.input(templateObject_2=templateObject_2||__makeTemplateObject(["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"],["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"]),function(n){return"\n    border: ".concat(sizeVariant[n.sizeVariant].border," solid var(--shades-of-grey-40);\n    border-radius: ").concat(sizeVariant[n.sizeVariant].borderRadius,";\n    width: ").concat(sizeVariant[n.sizeVariant].size,";\n    height: ").concat(sizeVariant[n.sizeVariant].size,";\n  ")},function(n){return"\n      border-radius: ".concat(sizeVariant[n.sizeVariant].borderRadius,";\n      width: ").concat(sizeVariant[n.sizeVariant].size,";\n      height: ").concat(sizeVariant[n.sizeVariant].size,";\n      left: calc(-1 * ").concat(sizeVariant[n.sizeVariant].border,");\n      top: calc(-1 * ").concat(sizeVariant[n.sizeVariant].border,");\n    ")},function(n){return sizeVariant[n.sizeVariant].tickSize},function(n){return sizeVariant[n.sizeVariant].tickSize})),Option=(Input.displayName="Input",function(n){n=n.children;return React.createElement("option",null,n)}),Dropdown=React.forwardRef(function(n,e){var o=n.children,r=n.label,t=n.size,t=void 0===t?"m":t,n=__rest(n,["children","label","size"]);return React.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,r)),React.createElement(IconAddition,{icon:"angle-down",disabled:n.disabled,direction:"rtl",size:t}),React.createElement(Select,__assign({ref:e,sizeVariant:t},n),React.createElement("option",{disabled:!0,selected:!0},n.placeholder),o))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled.select(templateObject_1=templateObject_1||__makeTemplateObject(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)});Select.displayName="Select";export{Button,Card,Checkbox,Color,DropdownWithStatic as Dropdown,Icon,InfoCard,Input$1 as Input,GlobalStyles as IntegrigoUI,Nav,Pill,TextArea,Typography};
 //# sourceMappingURL=index.esm.js.map

package/lib/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styled=require("styled-components"),React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var styled__default=_interopDefaultLegacy(styled),React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)};function __rest(e,n){var t={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]]);return t}function __makeTemplateObject(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var templateObject_1$j,templateObject_1$i,templateObject_1$h,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_2$5,templateObject_3$3,templateObject_1$a,templateObject_2$4,templateObject_3$2,templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_2$3,templateObject_3$1,templateObject_4$1,templateObject_1$6,templateObject_1$5,templateObject_2$2,templateObject_3,templateObject_4,templateObject_1$4,templateObject_1$3,templateObject_1$2,templateObject_2$1,templateObject_1$1,templateObject_2,templateObject_1,Card=styled__default.default.div(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"],["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"]),function(e){return e.inverse?"var(--color-navy)":"var(--color-white)"},function(e){return e.inverse?"var(--color-white)":"var(--color-navy)"}),GlobalStyles=(Card.displayName="Card",exports.Color=void 0,!function(e){e.White="#FFF",e.Ecru="#F9F1E5",e.Navy="#172142",e.Orange="#E09A33",e.Red="#CF544B",e.Green="#6B8B4A",e.Grey100="#1A1A1A",e.Grey80="#595959",e.Grey60="#8C8C8C",e.Grey40="#CCCCCC",e.Grey20="#F2F2F2",e.Grey0="#fff",e.Success100="#6B8B4A",e.Success20="#DDE4D7",e.Success10="#ECEFE8",e.Error100="#CF544B",e.Error20="#FFCCCC",e.Error10="#FFF5F5"}(exports.Color||(exports.Color={})),styled.createGlobalStyle(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"]),exports.Color.White,exports.Color.Ecru,exports.Color.Navy,exports.Color.Orange,exports.Color.Red,exports.Color.Green,exports.Color.Grey100,exports.Color.Grey80,exports.Color.Grey60,exports.Color.Grey40,exports.Color.Grey20,exports.Color.Grey0,exports.Color.Success100,exports.Color.Success20,exports.Color.Success10,exports.Color.Error100,exports.Color.Error20,exports.Color.Error10,exports.Color.Orange,exports.Color.Orange)),AngleDown=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M11 1.17a1 1 0 0 0-1.41 0L6 4.71 2.46 1.17a1 1 0 1 0-1.41 1.42l4.24 4.24a1 1 0 0 0 1.42 0L11 2.59a.998.998 0 0 0 0-1.42Z"}))},Bars=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))},Envelope=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={"angle-down":AngleDown,bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(e){var n=e.className,t=e.type,r=e.size,r=void 0===r?"ultra-small":r,e=__rest(e,["className","type","size"]),t=iconHashMap[t],r="string"==typeof r?sizeHashMap[r]:r;return React__default.default.createElement(t,__assign({className:n,fill:exports.Color.Navy},r,e))},sizeVariant$2={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(e){var n=e.disabled,t=e.icon,r=e.direction,o=e.colorVariant,o=void 0===o?"grey":o,a=e.size,a=void 0===a?"m":a,e=e.onClick,i={white:n?exports.Color.Grey60:exports.Color.White,grey:n?exports.Color.Grey60:exports.Color.Grey100,ghost:n?exports.Color.Grey40:exports.Color.Grey100};return t?React__default.default.createElement(IconWrapper,{direction:void 0===r?"ltr":r,clickable:!!e&&!n,size:a,narrow:"ghost"===o},React__default.default.createElement(Icon,{type:t,size:{width:sizeVariant$2[a].size,height:sizeVariant$2[a].size},fill:i[o],onClick:e})):null},IconWrapper=styled__default.default.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"],["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"]),function(e){return sizeVariant$2[e.size].offset},function(e){return sizeVariant$2[e.size].size},function(e){return sizeVariant$2[e.size].size},function(e){return e.clickable?"pointer":"auto"},function(e){return("ltr"===e.direction?"left: ":"right: ").concat(e.narrow?0:sizeVariant$2[e.size].offset,"px")}),Pill=(IconWrapper.displayName="IconWrapper",styled__default.default.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"],["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"]),function(e){return"var(--color-".concat(e.variant,")")})),Body=(Pill.displayName="Pill",styled__default.default.p(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n  font-size: ",";\n  line-height: ",";\n"],["\n  font-size: ",";\n  line-height: ",";\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")},function(e){return"calc(1.5*var(--font-size-".concat(e.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(e){var n=e.size,e=e.children;return React__default.default.createElement(Header,{as:SIZE_MAP[void 0===n?"l":n]},e)},Header=styled__default.default.h1(templateObject_1$e=templateObject_1$e||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled__default.default.label(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"],["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")})),Typography=(Label.displayName="Label",{Body:Body,Hero:Hero,Label:Label}),Nav=styled__default.default.nav(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"],["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"]),function(e){return e.active?"var(--font-bold)":"var(--font-medium)"},function(e){return e.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(e){var n=e.title,t=e.body,r=e.background,o=e.inverse,o=void 0!==o&&o,e=e.size,e=void 0===e?"l":e;return React__default.default.createElement(Root,null,r&&React__default.default.createElement(Background,null,r),React__default.default.createElement(CardBody,{inverse:o},React__default.default.createElement(Hero,{size:e},n),React__default.default.createElement(Body,{size:e},t)))}),Root=styled__default.default.div(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"],["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"]),Card),CardBody=(Root.displayName="Root",styled__default.default(Card)(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"],["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"]),function(e){return e.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled__default.default(Card)(templateObject_3$3=templateObject_3$3||__makeTemplateObject(["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"],["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(e){switch(e){case"success":return styled.css(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "],["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "]));case"error":return styled.css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "],["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "]));default:return styled.css(templateObject_3$2=templateObject_3$2||__makeTemplateObject([""],[""]))}}),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled__default.default.div(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"],["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"]),function(e){return"calc(100% - ".concat(fieldSizeVariants[e.sizeVariant].font," - 4px)")},function(e){return fieldSizeVariants[e.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled__default.default.div(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"]),function(e){return e.withLabel?"calc(".concat(fieldSizeVariants[e.sizeVariant].font," + 8px)"):0})),getDirectionPadding$1=(FieldWrapper.displayName="InputWrapper",function(e,n){switch(e){case"ltr":return styled.css(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n        padding-left: ",";\n      "],["\n        padding-left: ",";\n      "]),n);case"rtl":return styled.css(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n        padding-right: ",";\n      "],["\n        padding-right: ",";\n      "]),n);default:return styled.css(templateObject_3$1=templateObject_3$1||__makeTemplateObject([""],[""]))}}),Input$1=React__default.default.forwardRef(function(e,n){var t=e.icon,r=e.label,o=e.size,o=void 0===o?"m":o,a=e.onIconClick,e=__rest(e,["icon","label","size","onIconClick"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:o},React__default.default.createElement(FieldLabel,{sizeVariant:o},React__default.default.createElement(Label,null,r)),"rtl"!==e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:a,size:o}),React__default.default.createElement(InputElement,__assign({ref:n,sizeVariant:o},e)),"rtl"===e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:a}))}),InputElement=styled__default.default.input(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(e){return fieldSizeVariants[e.sizeVariant].padding},function(e){return fieldSizeVariants[e.sizeVariant].font},function(e){return getValidationTypeProps(e.validationType)},function(e){return getDirectionPadding$1(e.direction,fieldSizeVariants[e.sizeVariant].iconPadding)}),TextArea=(Input$1.displayName="Input",function(e){return React__default.default.createElement(TextAreaElement,__assign({rows:4},e))}),TextAreaElement=styled__default.default.textarea(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(e){return getValidationTypeProps(e.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(e,n,t){var r=sizeVariants[t=void 0===t?"m":t].iconPadding,o=sizeVariants[t].ghostPadding;switch(e){case"ltr":return styled.css(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n        ","\n        padding-left: ",";\n      "],["\n        ","\n        padding-left: ",";\n      "]),!n&&"padding-right: ".concat(r,";"),n?o:r);case"rtl":return styled.css(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n        ","\n        padding-right: ",";\n      "],["\n        ","\n        padding-right: ",";\n      "]),!n&&"padding-left: ".concat(r,";"),n?o:r);default:return styled.css(templateObject_3=templateObject_3||__makeTemplateObject([""],[""]))}},BasicButton=styled__default.default.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"],["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"]),function(e){return sizeVariants[e.sizeVariant].padding},function(e){return sizeVariants[e.sizeVariant].font},function(e){return getDirectionPadding(e.direction,e.ghost,e.sizeVariant)},function(e){return e.disabled&&"\n    color: var(--shades-of-grey-60);\n    border-color: var(--shades-of-grey-60);\n    background-color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-60);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      color: var(--shades-of-grey-60);\n      cursor: auto;\n      opacity: 1;\n      border-color: var(--shades-of-grey-60);\n    }\n  "}),Ghost=(BasicButton.displayName="BasicButton",styled__default.default(BasicButton)(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"]),function(e){return"ltr"!==e.direction&&0},function(e){return"rtl"!==e.direction&&0},function(e){return"calc(100% + ".concat(e.direction?"8px":"0px",")")},function(e){return e.disabled&&"\n    background-color: transparent;\n    color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-40);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      opacity: 1;\n      color: var(--shades-of-grey-40);\n      border-color: var(--shades-of-grey-40);\n    }\n  "})),Primary=styled__default.default(BasicButton)(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  ","\n"],["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  ","\n"]),function(e){return e.disabled&&"\n      color: var(--shades-of-grey-60);\n\n      &::before {\n        border-color: var(--shades-of-grey-40);\n      }\n\n      &:hover,\n      &:active,\n      &:hover:active,\n      &:hover:before,\n      &:hover:active:before {\n        color: var(--shades-of-grey-60);\n        border-color: var(--shades-of-grey-40);\n      }\n  "}),sizeVariant$1={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(e,n){return e?Primary:n?Ghost:BasicButton},getIconColorVariant=function(e,n){return e?"white":n?"ghost":"grey"},Button=React__default.default.forwardRef(function(e,n){var t=e.icon,r=e.size,r=void 0===r?"m":r,o=e.onIconClick,a=e.direction,i=e.children,e=__rest(e,["icon","size","onIconClick","direction","children"]),l=getButtonComponent(e.primary,e.ghost);return React__default.default.createElement(ButtonWrapper,__assign({ref:n,fullWidth:!e.ghost,orangeIconOnHover:!e.primary&&!e.disabled},e),"rtl"!==a&&React__default.default.createElement(IconOffset,{size:r,ghost:Boolean(e.ghost)},React__default.default.createElement(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:a,onClick:o})),React__default.default.createElement(l,{sizeVariant:r,ghost:e.ghost,disabled:e.disabled,direction:t&&(a||"ltr")},i),"rtl"===a&&React__default.default.createElement(IconOffset,{size:r,ghost:Boolean(e.ghost),right:!0},React__default.default.createElement(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:a,onClick:o})))}),ButtonWrapper=styled__default.default.button(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"]),function(e){return e.fullWidth?"100%":"min-content"},function(e){return e.orangeIconOnHover&&"var(--color-orange)"},function(e){return e.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled__default.default.div(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  ",";\n"],["\n  position: absolute;\n  bottom: 0;\n  ",";\n"]),function(e){return(e.right?"right: ":"left: ").concat(e.ghost?0:sizeVariant$1[e.size])})),sizeVariant=(IconOffset.displayName="IconOffset",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px",gap:"10px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px",gap:"4px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px",gap:"4px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px",gap:"2px"}}),Checkbox=React__default.default.forwardRef(function(e,n){var t=e.size,t=void 0===t?"m":t,r=e.label,e=__rest(e,["size","label"]);return React__default.default.createElement(CheckboxWrapper,{sizeVariant:t,disabled:e.disabled},React__default.default.createElement(Input,__assign({ref:n,type:"checkbox",sizeVariant:t},e)),React__default.default.createElement(Label,null,r))}),CheckboxWrapper=styled__default.default.div(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"]),function(e){return sizeVariant[e.sizeVariant].gap},function(e){return e.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(e){return fieldSizeVariants[e.sizeVariant].font}),Input=(CheckboxWrapper.displayName="CheckboxWrapper",styled__default.default.input(templateObject_2=templateObject_2||__makeTemplateObject(["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"],["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"]),function(e){return"\n    border: ".concat(sizeVariant[e.sizeVariant].border," solid var(--shades-of-grey-40);\n    border-radius: ").concat(sizeVariant[e.sizeVariant].borderRadius,";\n    width: ").concat(sizeVariant[e.sizeVariant].size,";\n    height: ").concat(sizeVariant[e.sizeVariant].size,";\n  ")},function(e){return"\n      border-radius: ".concat(sizeVariant[e.sizeVariant].borderRadius,";\n      width: ").concat(sizeVariant[e.sizeVariant].size,";\n      height: ").concat(sizeVariant[e.sizeVariant].size,";\n      left: calc(-1 * ").concat(sizeVariant[e.sizeVariant].border,");\n      top: calc(-1 * ").concat(sizeVariant[e.sizeVariant].border,");\n    ")},function(e){return sizeVariant[e.sizeVariant].tickSize},function(e){return sizeVariant[e.sizeVariant].tickSize})),Option=(Input.displayName="Input",function(e){e=e.children;return React__default.default.createElement("option",null,e)}),Dropdown=React__default.default.forwardRef(function(e,n){var t=e.children,r=e.label,o=e.size,o=void 0===o?"m":o,e=__rest(e,["children","label","size"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:o},React__default.default.createElement(FieldLabel,{sizeVariant:o},React__default.default.createElement(Label,null,r)),React__default.default.createElement(IconAddition,{icon:"angle-down",disabled:e.disabled,direction:"rtl",size:o}),React__default.default.createElement(Select,__assign({ref:n,sizeVariant:o},e),React__default.default.createElement("option",{disabled:!0,selected:!0},e.placeholder),t))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled__default.default.select(templateObject_1=templateObject_1||__makeTemplateObject(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(e){return fieldSizeVariants[e.sizeVariant].padding},function(e){return fieldSizeVariants[e.sizeVariant].font},function(e){return getValidationTypeProps(e.validationType)});Select.displayName="Select",exports.Button=Button,exports.Card=Card,exports.Checkbox=Checkbox,exports.Dropdown=DropdownWithStatic,exports.Icon=Icon,exports.InfoCard=InfoCard,exports.Input=Input$1,exports.IntegrigoUI=GlobalStyles,exports.Nav=Nav,exports.Pill=Pill,exports.TextArea=TextArea,exports.Typography=Typography;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styled=require("styled-components"),React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var styled__default=_interopDefaultLegacy(styled),React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)};function __rest(e,n){var t={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]]);return t}function __makeTemplateObject(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var templateObject_1$j,templateObject_1$i,templateObject_1$h,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_2$5,templateObject_3$3,templateObject_1$a,templateObject_2$4,templateObject_3$2,templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_2$3,templateObject_3$1,templateObject_4$1,templateObject_1$6,templateObject_1$5,templateObject_2$2,templateObject_3,templateObject_4,templateObject_1$4,templateObject_1$3,templateObject_1$2,templateObject_2$1,templateObject_1$1,templateObject_2,templateObject_1,Card=styled__default.default.div(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"],["\n  background-color: ",";\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  color: ",";\n  padding: var(--padding-xl);\n  border-radius: 24px;\n"]),function(e){return e.inverse?"var(--color-navy)":"var(--color-white)"},function(e){return e.inverse?"var(--color-white)":"var(--color-navy)"}),GlobalStyles=(Card.displayName="Card",exports.Color=void 0,!function(e){e.White="#FFF",e.Ecru="#F9F1E5",e.Navy="#172142",e.Orange="#E09A33",e.Red="#CF544B",e.Green="#6B8B4A",e.Grey100="#1A1A1A",e.Grey80="#595959",e.Grey60="#8C8C8C",e.Grey40="#CCCCCC",e.Grey20="#F2F2F2",e.Grey0="#fff",e.Success100="#6B8B4A",e.Success20="#DDE4D7",e.Success10="#ECEFE8",e.Error100="#CF544B",e.Error20="#FFCCCC",e.Error10="#FFF5F5"}(exports.Color||(exports.Color={})),styled.createGlobalStyle(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n  html {\n    --color-white: ",";\n    --color-ecru: ",";\n    --color-navy: ",";\n    --color-orange: ",";\n    --color-red: ",";\n    --color-green: ",";\n\n    --shades-of-grey-100: ",";\n    --shades-of-grey-80: ",";\n    --shades-of-grey-60: ",";\n    --shades-of-grey-40: ",";\n    --shades-of-grey-20: ",";\n    --shades-of-grey-0: ",";\n\n    --color-success-100: ",";\n    --color-success-20: ",";\n    --color-success-10: ",";\n\n    --color-error-100: ",";\n    --color-error-20: ",";\n    --color-error-10: ",";\n\n    --color-orange-80: ","80;\n    --color-orange-65: ","65;\n\n    --padding-s: 8px;\n    --padding-m: 16px;\n    --padding-l: 24px;\n    --padding-xl: 32px;\n    --padding-xxl: 48px;\n\n    --font-bold: 700;\n    --font-medium: 600;\n    --font-thin: 300;\n\n    --font-size-s: 10px;\n    --font-size-m: 16px;\n    --font-size-l: 20px;\n    --font-size-xl: 32px;\n    --font-size-xxl: 40px;\n\n    --header-size-s: 16px;\n    --header-size-m: 24px;\n    --header-size-l: 32px;\n    --header-size-xl: 48px;\n    --header-size-xxl: 72px;\n\n    --transition-speed: .3s;\n  }\n\n  body {\n    background-color: var(--color-ecru);\n  }\n\n  * {\n    box-sizing: border-box;\n    color: var(--color-navy);\n    font-family: Raleway, Arial, Helvetica, Sans-Serif;\n    font-size: var(--font-size-m);\n    font-weight: var(--font-thin);\n  }\n\n  h1 {\n    font-size: var(--header-size-xxl);\n    font-weight: var(--font-bold);\n  }\n\n  h2 {\n    font-size: var(--header-size-xl);\n    font-weight: var(--font-bold);\n  }\n\n  h3 {\n    font-size: var(--header-size-l);\n    font-weight: var(--font-bold);\n  }\n\n  h4 {\n    font-size: var(--header-size-m);\n    font-weight: var(--font-bold);\n  }\n\n  h5 {\n    font-size: var(--header-size-s);\n    font-weight: var(--font-bold);\n  }\n"]),exports.Color.White,exports.Color.Ecru,exports.Color.Navy,exports.Color.Orange,exports.Color.Red,exports.Color.Green,exports.Color.Grey100,exports.Color.Grey80,exports.Color.Grey60,exports.Color.Grey40,exports.Color.Grey20,exports.Color.Grey0,exports.Color.Success100,exports.Color.Success20,exports.Color.Success10,exports.Color.Error100,exports.Color.Error20,exports.Color.Error10,exports.Color.Orange,exports.Color.Orange)),AngleDown=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M11 1.17a1 1 0 0 0-1.41 0L6 4.71 2.46 1.17a1 1 0 1 0-1.41 1.42l4.24 4.24a1 1 0 0 0 1.42 0L11 2.59a.998.998 0 0 0 0-1.42Z"}))},Bars=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))},Envelope=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={"angle-down":AngleDown,bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(e){var n=e.className,t=e.type,r=e.size,r=void 0===r?"ultra-small":r,e=__rest(e,["className","type","size"]),t=iconHashMap[t],r="string"==typeof r?sizeHashMap[r]:r;return React__default.default.createElement(t,__assign({className:n,fill:exports.Color.Navy},r,e))},sizeVariant$2={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(e){var n=e.disabled,t=e.icon,r=e.direction,o=e.colorVariant,o=void 0===o?"grey":o,a=e.size,a=void 0===a?"m":a,e=e.onClick,i={white:n?exports.Color.Grey60:exports.Color.White,grey:n?exports.Color.Grey60:exports.Color.Grey100,ghost:n?exports.Color.Grey40:exports.Color.Grey100};return t?React__default.default.createElement(IconWrapper,{direction:void 0===r?"ltr":r,clickable:!!e&&!n,size:a,narrow:"ghost"===o},React__default.default.createElement(Icon,{type:t,size:{width:sizeVariant$2[a].size,height:sizeVariant$2[a].size},fill:i[o],onClick:e})):null},IconWrapper=styled__default.default.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"],["\n  position: absolute;\n  z-index: 2;\n  bottom: calc(","px);\n  height: ","px;\n  width: ","px;\n  cursor: ",";\n  ",";\n\n  & svg {\n    transition: fill var(--transition-speed);\n    position: absolute;\n  }\n"]),function(e){return sizeVariant$2[e.size].offset},function(e){return sizeVariant$2[e.size].size},function(e){return sizeVariant$2[e.size].size},function(e){return e.clickable?"pointer":"auto"},function(e){return("ltr"===e.direction?"left: ":"right: ").concat(e.narrow?0:sizeVariant$2[e.size].offset,"px")}),Pill=(IconWrapper.displayName="IconWrapper",styled__default.default.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"],["\n  background-color: ",";\n  border-radius: var(--padding-l);\n  color: var(--color-white);\n  font-weight: var(--font-bold);\n  font-size: var(--font-size-m);\n  padding: var(--padding-s) var(--padding-xxl);\n  width: min-content;\n"]),function(e){return"var(--color-".concat(e.variant,")")})),Body=(Pill.displayName="Pill",styled__default.default.p(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n  font-size: ",";\n  line-height: ",";\n"],["\n  font-size: ",";\n  line-height: ",";\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")},function(e){return"calc(1.5*var(--font-size-".concat(e.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(e){var n=e.size,e=e.children;return React__default.default.createElement(Header,{as:SIZE_MAP[void 0===n?"l":n]},e)},Header=styled__default.default.h1(templateObject_1$e=templateObject_1$e||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled__default.default.label(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"],["\n  font-size: ",";\n  font-weight: var(--font-medium);\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")})),Typography=(Label.displayName="Label",{Body:Body,Hero:Hero,Label:Label}),Nav=styled__default.default.nav(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"],["\n  font-size: var(--font-size-l);\n  font-weight: ",";\n  cursor: pointer;\n  white-space: nowrap;\n  width: min-content;\n  transition: color var(--transition-speed);\n  padding: var(--padding-s) var(--padding-l);\n\n  &:hover {\n    color: ",";\n  }\n"]),function(e){return e.active?"var(--font-bold)":"var(--font-medium)"},function(e){return e.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(e){var n=e.title,t=e.body,r=e.background,o=e.inverse,o=void 0!==o&&o,e=e.size,e=void 0===e?"l":e;return React__default.default.createElement(Root,null,r&&React__default.default.createElement(Background,null,r),React__default.default.createElement(CardBody,{inverse:o},React__default.default.createElement(Hero,{size:e},n),React__default.default.createElement(Body,{size:e},t)))}),Root=styled__default.default.div(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"],["\n  padding: 0;\n  position: relative;\n\n  & > "," > p {\n    margin: 0;\n  }\n"]),Card),CardBody=(Root.displayName="Root",styled__default.default(Card)(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"],["\n  position: relative;\n\n  & > * {\n    margin: 0;\n    margin-bottom: var(--padding-m);\n    color: ",";\n  }\n\n  & > p {\n    margin: 0;\n  }\n"]),function(e){return e.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled__default.default(Card)(templateObject_3$3=templateObject_3$3||__makeTemplateObject(["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"],["\n  border-radius: 24px 24px 0px 0px;\n  position: relative;\n  height: 100%;\n  margin-bottom: -24px;\n  padding: 0;\n  overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(e){switch(e){case"success":return styled.css(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "],["\n        border-color: var(--color-success-100);\n        background-color: var(--color-success-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-success-100);\n        }\n      "]));case"error":return styled.css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "],["\n        border-color: var(--color-error-100);\n        background-color: var(--color-error-10);\n\n        &:focus,\n        &:active {\n          border-color: var(--color-error-100);\n        }\n      "]));default:return styled.css(templateObject_3$2=templateObject_3$2||__makeTemplateObject([""],[""]))}}),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled__default.default.div(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"],["\n  position: absolute;\n  left: 0;\n  z-index: 10;\n  bottom: ",";\n\n  & label {\n    color: var(--shades-of-grey-80);\n    font-size: ",";\n  }\n"]),function(e){return"calc(100% - ".concat(fieldSizeVariants[e.sizeVariant].font," - 4px)")},function(e){return fieldSizeVariants[e.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled__default.default.div(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: ",";\n"]),function(e){return e.withLabel?"calc(".concat(fieldSizeVariants[e.sizeVariant].font," + 8px)"):0})),getDirectionPadding$1=(FieldWrapper.displayName="InputWrapper",function(e,n){switch(e){case"ltr":return styled.css(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n        padding-left: ",";\n      "],["\n        padding-left: ",";\n      "]),n);case"rtl":return styled.css(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n        padding-right: ",";\n      "],["\n        padding-right: ",";\n      "]),n);default:return styled.css(templateObject_3$1=templateObject_3$1||__makeTemplateObject([""],[""]))}}),Input$1=React__default.default.forwardRef(function(e,n){var t=e.icon,r=e.label,o=e.size,o=void 0===o?"m":o,a=e.onIconClick,e=__rest(e,["icon","label","size","onIconClick"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:o},React__default.default.createElement(FieldLabel,{sizeVariant:o},React__default.default.createElement(Label,null,r)),"rtl"!==e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:a,size:o}),React__default.default.createElement(InputElement,__assign({ref:n,sizeVariant:o},e)),"rtl"===e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:a}))}),InputElement=styled__default.default.input(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  overflow: hidden;\n  font-size: ",";\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(e){return fieldSizeVariants[e.sizeVariant].padding},function(e){return fieldSizeVariants[e.sizeVariant].font},function(e){return getValidationTypeProps(e.validationType)},function(e){return getDirectionPadding$1(e.direction,fieldSizeVariants[e.sizeVariant].iconPadding)}),TextArea=(Input$1.displayName="Input",function(e){return React__default.default.createElement(TextAreaElement,__assign({rows:4},e))}),TextAreaElement=styled__default.default.textarea(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  border-radius: var(--padding-s);\n  padding: var(--padding-m);\n  position: relative;\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n  resize: none;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(e){return getValidationTypeProps(e.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(e,n,t){var r=sizeVariants[t=void 0===t?"m":t].iconPadding,o=sizeVariants[t].ghostPadding;switch(e){case"ltr":return styled.css(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n        ","\n        padding-left: ",";\n      "],["\n        ","\n        padding-left: ",";\n      "]),!n&&"padding-right: ".concat(r,";"),n?o:r);case"rtl":return styled.css(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n        ","\n        padding-right: ",";\n      "],["\n        ","\n        padding-right: ",";\n      "]),!n&&"padding-left: ".concat(r,";"),n?o:r);default:return styled.css(templateObject_3=templateObject_3||__makeTemplateObject([""],[""]))}},BasicButton=styled__default.default.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"],["\n  background-color: transparent;\n  border: none;\n  border-radius: var(--padding-xl);\n  color: var(--shades-of-grey-100);\n  padding: ",";\n  font-weight: var(--font-bold);\n  font-size: ",';\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  transition: color var(--transition-speed),\n    background-color var(--transition-speed);\n\n  &:before {\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n    border-radius: var(--padding-xl);\n    z-index: 1;\n    transition: background-color var(--transition-speed),\n      opacity var(--transition-speed), border-color var(--transition-speed);\n  }\n\n  &:active {\n    color: var(--color-orange);\n    outline: none;\n  }\n\n  ',";\n\n  &:hover {\n    color: var(--color-orange);\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 0.8;\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 0.6;\n    border-color: var(--color-orange);\n  }\n\n  ","\n"]),function(e){return sizeVariants[e.sizeVariant].padding},function(e){return sizeVariants[e.sizeVariant].font},function(e){return getDirectionPadding(e.direction,e.ghost,e.sizeVariant)},function(e){return e.disabled&&"\n    color: var(--shades-of-grey-60);\n    border-color: var(--shades-of-grey-60);\n    background-color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-60);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      color: var(--shades-of-grey-60);\n      cursor: auto;\n      opacity: 1;\n      border-color: var(--shades-of-grey-60);\n    }\n  "}),Ghost=(BasicButton.displayName="BasicButton",styled__default.default(BasicButton)(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  border-radius: 0;\n\n  &::before {\n    border: none;\n    left: 0;\n    top: auto;\n    bottom: 4px;\n    width: ",";\n    height: 0;\n    border: 1px solid var(--color-navy);\n    border-radius: 0;\n    z-index: 2;\n  }\n\n  &:hover,\n  &:hover:before {\n    opacity: 1;\n    color: var(--color-orange);\n    border-color: var(--color-orange);\n  }\n\n  &:hover:active,\n  &:hover:active:before {\n    opacity: 1;\n    color: var(--color-orange-80);\n    border-color: var(--color-orange-80);\n  }\n\n  ","\n"]),function(e){return"ltr"!==e.direction&&0},function(e){return"rtl"!==e.direction&&0},function(e){return"calc(100% + ".concat(e.direction?"8px":"0px",")")},function(e){return e.disabled&&"\n    background-color: transparent;\n    color: var(--shades-of-grey-40);\n\n    &::before {\n      border-color: var(--shades-of-grey-40);\n    }\n\n    &:hover,\n    &:active,\n    &:hover:active,\n    &:hover:before,\n    &:hover:active:before {\n      opacity: 1;\n      color: var(--shades-of-grey-40);\n      border-color: var(--shades-of-grey-40);\n    }\n  "})),Primary=styled__default.default(BasicButton)(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  &:hover:active {\n    opacity: 1;\n  }\n\n  ","\n"],["\n  color: var(--color-white);\n  z-index: 1;\n\n  &::before {\n    background-color: var(--color-orange);\n    z-index: -1;\n  }\n\n  &:hover {\n    opacity: 1;\n    color: var(--color-white);\n  }\n\n  &:hover:active {\n    opacity: 1;\n  }\n\n  ","\n"]),function(e){return e.disabled&&"\n      color: var(--shades-of-grey-60);\n\n      &::before {\n        border-color: var(--shades-of-grey-40);\n      }\n\n      &:hover,\n      &:active,\n      &:hover:active,\n      &:hover:before,\n      &:hover:active:before {\n        color: var(--shades-of-grey-60);\n        border-color: var(--shades-of-grey-40);\n      }\n  "}),sizeVariant$1={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(e,n){return e?Primary:n?Ghost:BasicButton},getIconColorVariant=function(e,n){return e?"white":n?"ghost":"grey"},Button=React__default.default.forwardRef(function(e,n){var t=e.icon,r=e.size,r=void 0===r?"m":r,o=e.onIconClick,a=e.direction,i=e.children,e=__rest(e,["icon","size","onIconClick","direction","children"]),l=getButtonComponent(e.primary,e.ghost);return React__default.default.createElement(ButtonWrapper,__assign({ref:n,fullWidth:!e.ghost,orangeIconOnHover:!e.primary&&!e.disabled},e),"rtl"!==a&&React__default.default.createElement(IconOffset,{size:r,ghost:Boolean(e.ghost)},React__default.default.createElement(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:a,onClick:o})),React__default.default.createElement(l,{sizeVariant:r,ghost:e.ghost,disabled:e.disabled,direction:t&&(a||"ltr")},i),"rtl"===a&&React__default.default.createElement(IconOffset,{size:r,ghost:Boolean(e.ghost),right:!0},React__default.default.createElement(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:a,onClick:o})))}),ButtonWrapper=styled__default.default.button(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  border: none;\n  background-color: transparent;\n  position: relative;\n  padding: 0;\n  width: ",";\n\n  &:hover svg {\n    fill: ",";\n  }\n\n  &:active svg {\n    fill: ",";\n  }\n\n  & svg {\n    position: absolute;\n    left: 0;\n  }\n"]),function(e){return e.fullWidth?"100%":"min-content"},function(e){return e.orangeIconOnHover&&"var(--color-orange)"},function(e){return e.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled__default.default.div(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  ",";\n"],["\n  position: absolute;\n  bottom: 0;\n  ",";\n"]),function(e){return(e.right?"right: ":"left: ").concat(e.ghost?0:sizeVariant$1[e.size])})),sizeVariant=(IconOffset.displayName="IconOffset",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px",gap:"10px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px",gap:"4px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px",gap:"4px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px",gap:"2px"}}),Checkbox=React__default.default.forwardRef(function(e,n){var t=e.size,t=void 0===t?"m":t,r=e.label,e=__rest(e,["size","label"]);return React__default.default.createElement(CheckboxWrapper,{sizeVariant:t,disabled:e.disabled},React__default.default.createElement(Input,__assign({ref:n,type:"checkbox",sizeVariant:t},e)),React__default.default.createElement(Label,null,r))}),CheckboxWrapper=styled__default.default.div(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  & label {\n    color: ",";\n    font-size: ",";\n    transition: color var(--transition-speed);\n  }\n"]),function(e){return sizeVariant[e.sizeVariant].gap},function(e){return e.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(e){return fieldSizeVariants[e.sizeVariant].font}),Input=(CheckboxWrapper.displayName="CheckboxWrapper",styled__default.default.input(templateObject_2=templateObject_2||__makeTemplateObject(["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"],["\n  appearance: none;\n  background-color: var(--color-white);\n\n  ",'\n\n  transition: border var(--transition-speed), opacity var(--transition-speed),\n    background-color var(--transition-speed);\n  position: relative;\n\n  &:not([disabled]):hover {\n    border-color: var(--shades-of-grey-60);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:disabled:checked {\n    opacity: 1;\n  }\n\n  &::before {\n    content: "";\n    background-color: transparent;\n    position: absolute;\n\n    ','\n    transition: background-color var(--transition-speed);\n  }\n\n  &::after {\n    content: "";\n    position: absolute;\n    background-color: transparent;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: ',";\n    height: ",";\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    transition: background-color var(--transition-speed);\n  }\n\n  &:not([disabled]):checked::before {\n    background-color: var(--color-orange);\n  }\n\n  &:disabled:checked::before {\n    background-color: var(--shades-of-grey-40);\n  }\n\n  &:checked::after {\n    background-color: var(--color-white);\n  }\n\n  &:not([disabled]):checked {\n    border-color: transparent;\n  }\n\n  &:not([disabled]):checked:hover {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):active {\n    background-color: var(--shades-of-grey-60);\n  }\n\n  &:not([disabled]):checked:active {\n    background-color: transparent;\n  }\n\n  &:not([disabled]):active::before {\n    opacity: 0.65;\n  }\n"]),function(e){return"\n    border: ".concat(sizeVariant[e.sizeVariant].border," solid var(--shades-of-grey-40);\n    border-radius: ").concat(sizeVariant[e.sizeVariant].borderRadius,";\n    width: ").concat(sizeVariant[e.sizeVariant].size,";\n    height: ").concat(sizeVariant[e.sizeVariant].size,";\n  ")},function(e){return"\n      border-radius: ".concat(sizeVariant[e.sizeVariant].borderRadius,";\n      width: ").concat(sizeVariant[e.sizeVariant].size,";\n      height: ").concat(sizeVariant[e.sizeVariant].size,";\n      left: calc(-1 * ").concat(sizeVariant[e.sizeVariant].border,");\n      top: calc(-1 * ").concat(sizeVariant[e.sizeVariant].border,");\n    ")},function(e){return sizeVariant[e.sizeVariant].tickSize},function(e){return sizeVariant[e.sizeVariant].tickSize})),Option=(Input.displayName="Input",function(e){e=e.children;return React__default.default.createElement("option",null,e)}),Dropdown=React__default.default.forwardRef(function(e,n){var t=e.children,r=e.label,o=e.size,o=void 0===o?"m":o,e=__rest(e,["children","label","size"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(r),sizeVariant:o},React__default.default.createElement(FieldLabel,{sizeVariant:o},React__default.default.createElement(Label,null,r)),React__default.default.createElement(IconAddition,{icon:"angle-down",disabled:e.disabled,direction:"rtl",size:o}),React__default.default.createElement(Select,__assign({ref:n,sizeVariant:o},e),React__default.default.createElement("option",{disabled:!0,selected:!0},e.placeholder),t))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled__default.default.select(templateObject_1=templateObject_1||__makeTemplateObject(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"],["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background-color: var(--color-white);\n  border: 2px solid var(--shades-of-grey-80);\n  cursor: pointer;\n  border-radius: var(--padding-s);\n  padding: ",";\n  position: relative;\n  font-size: ",";\n  overflow: hidden;\n  color: var(--shades-of-grey-100);\n  font-weight: var(--font-bold);\n  transition: border var(--transition-speed),\n    background-color var(--transition-speed);\n  width: 100%;\n\n  &::placeholder {\n    color: var(--shades-of-grey-80);\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    background-color: transparent;\n    border: 2px solid var(--color-orange);\n  }\n\n  ",";\n\n  &:disabled {\n    &::placeholder {\n      color: var(--shades-of-grey-60);\n    }\n    background-color: var(--shades-of-grey-40);\n    border: 2px solid var(--shades-of-grey-60);\n  }\n"]),function(e){return fieldSizeVariants[e.sizeVariant].padding},function(e){return fieldSizeVariants[e.sizeVariant].font},function(e){return getValidationTypeProps(e.validationType)});Select.displayName="Select",exports.Button=Button,exports.Card=Card,exports.Checkbox=Checkbox,exports.Dropdown=DropdownWithStatic,exports.Icon=Icon,exports.InfoCard=InfoCard,exports.Input=Input$1,exports.IntegrigoUI=GlobalStyles,exports.Nav=Nav,exports.Pill=Pill,exports.TextArea=TextArea,exports.Typography=Typography;
 //# sourceMappingURL=index.js.map

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/integrigo"
   },
-  "version": "1.5.7",
+  "version": "1.5.8",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",