@integrigo/integrigo-ui 1.5.14 → 1.5.17

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,7 +1,8 @@
1
1
  import React from "react";
2
+ import { FieldProps } from "formik";
2
3
  import { ValidationType } from "../../../types/validation";
3
4
  import { IconType } from "../../atoms/Icon";
4
- export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
5
+ export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & FieldProps & {
5
6
  label?: string;
6
7
  validationType?: ValidationType;
7
8
  icon?: IconType;
@@ -9,7 +10,7 @@ export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement
9
10
  direction?: "ltr" | "rtl";
10
11
  onIconClick?: () => void;
11
12
  };
12
- export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
13
+ export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & FieldProps<any, any> & {
13
14
  label?: string | undefined;
14
15
  validationType?: ValidationType | undefined;
15
16
  icon?: "angle-down" | "bars" | "check-circle" | "close" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "facebook" | "instagram" | "linkedin" | "minus" | "phone" | "plus" | "process" | "redo" | "user-circle" | undefined;
package/lib/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import React from"react";import styled,{createGlobalStyle,keyframes,css}from"styled-components";var Color,__assign=function(){return(__assign=Object.assign||function(n){for(var e,r=1,o=arguments.length;r<o;r++)for(var t in e=arguments[r])Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n}).apply(this,arguments)};function __rest(n,e){var r={};for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,t=Object.getOwnPropertySymbols(n);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(r[t[o]]=n[t[o]]);return r}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}!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||{});var templateObject_1$l,templateObject_1$k,templateObject_1$j,templateObject_1$i,templateObject_1$h,templateObject_2$7,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_1$a,templateObject_2$6,templateObject_1$9,templateObject_2$5,templateObject_3$3,templateObject_1$8,templateObject_2$4,templateObject_3$2,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,GlobalStyles=createGlobalStyle(templateObject_1$l=templateObject_1$l||__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),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$k=templateObject_1$k||__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$j=templateObject_1$j||__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})),AngleDown=(FieldWrapper.displayName="InputWrapper",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"}))},CheckCircle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"m12.72 6.79-4.29 4.3-1.65-1.65a1 1 0 1 0-1.41 1.41l2.35 2.36a1 1 0 0 0 1.41 0l5-5a1 1 0 1 0-1.41-1.42ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},Close=function(n){return React.createElement("svg",__assign({viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"m8.41 7 4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L7 5.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42L5.59 7l-4.3 4.29a1 1 0 0 0 0 1.42.998.998 0 0 0 1.42 0L7 8.41l4.29 4.3a.998.998 0 0 0 1.42 0 .997.997 0 0 0 .219-1.095.998.998 0 0 0-.22-.325L8.41 7Z"}))},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"}))},ExclamationCircle=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 5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V6a1 1 0 0 0-1-1Zm.92 8.62a.758.758 0 0 0-.09-.18l-.12-.15a.999.999 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21 1.09.9.9 0 0 0 .54.54.94.94 0 0 0 .76 0 .9.9 0 0 0 .54-.54c.051-.12.078-.25.08-.38a1.362 1.362 0 0 0 0-.2.639.639 0 0 0-.08-.18ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},ExclamationTriangle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 24 21",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M12 15C11.8022 15 11.6088 15.0587 11.4444 15.1686C11.2799 15.2784 11.1518 15.4346 11.0761 15.6173C11.0004 15.8001 10.9806 16.0011 11.0192 16.1951C11.0578 16.3891 11.153 16.5673 11.2929 16.7071C11.4327 16.847 11.6109 16.9422 11.8049 16.9808C11.9989 17.0194 12.1999 16.9996 12.3827 16.9239C12.5654 16.8482 12.7216 16.72 12.8314 16.5556C12.9413 16.3911 13 16.1978 13 16C13 15.7348 12.8946 15.4805 12.7071 15.2929C12.5195 15.1054 12.2652 15 12 15ZM22.67 16.47L14.62 2.47003C14.3598 2.00354 13.9798 1.61498 13.5192 1.3445C13.0586 1.07401 12.5341 0.931396 12 0.931396C11.4658 0.931396 10.9414 1.07401 10.4808 1.3445C10.0202 1.61498 9.64016 2.00354 9.37997 2.47003L1.37997 16.47C1.11076 16.924 0.96611 17.441 0.960612 17.9688C0.955114 18.4966 1.08897 19.0166 1.34865 19.4761C1.60834 19.9356 1.98467 20.3185 2.43965 20.5861C2.89463 20.8536 3.41215 20.9964 3.93997 21H20.06C20.592 21.0053 21.1159 20.8689 21.5779 20.6049C22.0399 20.341 22.4233 19.9589 22.6889 19.4978C22.9546 19.0368 23.0928 18.5134 23.0895 17.9814C23.0861 17.4493 22.9414 16.9277 22.67 16.47ZM20.94 18.47C20.8523 18.626 20.7244 18.7556 20.5697 18.8453C20.4149 18.935 20.2389 18.9815 20.06 18.98H3.93997C3.76108 18.9815 3.58507 18.935 3.43029 18.8453C3.2755 18.7556 3.14762 18.626 3.05997 18.47C2.9722 18.318 2.92599 18.1456 2.92599 17.97C2.92599 17.7945 2.9722 17.622 3.05997 17.47L11.06 3.47003C11.1439 3.30623 11.2714 3.16876 11.4284 3.07277C11.5854 2.97678 11.7659 2.92599 11.95 2.92599C12.134 2.92599 12.3145 2.97678 12.4715 3.07277C12.6286 3.16876 12.7561 3.30623 12.84 3.47003L20.89 17.47C20.9892 17.6199 21.0462 17.7937 21.055 17.9732C21.0638 18.1527 21.0241 18.3312 20.94 18.49V18.47ZM12 7.00003C11.7348 7.00003 11.4804 7.10538 11.2929 7.29292C11.1053 7.48046 11 7.73481 11 8.00003V12C11 12.2652 11.1053 12.5196 11.2929 12.7071C11.4804 12.8947 11.7348 13 12 13C12.2652 13 12.5195 12.8947 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12V8.00003C13 7.73481 12.8946 7.48046 12.7071 7.29292C12.5195 7.10538 12.2652 7.00003 12 7.00003Z"}))},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"}))},Process=function(n){return React.createElement("svg",__assign({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M6.992 14.502a1 1 0 0 0-1 1v1.782a7.973 7.973 0 0 1-2-5.282c0-.294.017-.588.052-.88a1 1 0 1 0-1.985-.24 9.176 9.176 0 0 0-.067 1.12 9.965 9.965 0 0 0 2.417 6.5H2.992a1 1 0 1 0 0 2h4a.982.982 0 0 0 .794-.422c.011-.015.026-.027.037-.043.007-.01.007-.022.013-.032a.965.965 0 0 0 .106-.258.95.95 0 0 0 .032-.156c.003-.03.018-.057.018-.089v-4a1 1 0 0 0-1-1Zm1.5-8.5H6.709a7.974 7.974 0 0 1 5.283-2c.294 0 .587.017.88.053a1 1 0 0 0 .24-1.987 9.226 9.226 0 0 0-1.12-.066 9.964 9.964 0 0 0-6.5 2.417V3.002a1 1 0 0 0-2 0v4c.006.066.02.131.039.195a.97.97 0 0 0 .141.346l.012.017c.066.096.149.18.244.246.011.008.017.02.028.028.014.01.03.012.045.021a.96.96 0 0 0 .441.137c.018 0 .032.01.05.01h4a1 1 0 1 0 0-2Zm11.96 10.804a.968.968 0 0 0-.141-.345l-.011-.017a.972.972 0 0 0-.245-.246c-.011-.008-.016-.02-.028-.028-.01-.007-.023-.008-.034-.014a1.152 1.152 0 0 0-.41-.136c-.032-.003-.059-.018-.091-.018h-4a1 1 0 0 0 0 2h1.782a7.973 7.973 0 0 1-5.282 2c-.294 0-.588-.018-.88-.054a1 1 0 0 0-.24 1.986c.37.045.745.068 1.12.068a9.964 9.964 0 0 0 6.5-2.417v1.417a1 1 0 0 0 2 0v-4a.956.956 0 0 0-.04-.195Zm.54-11.304a1 1 0 1 0 0-2h-4a.95.95 0 0 0-.192.039l-.007.001a.969.969 0 0 0-.34.14l-.02.013a.975.975 0 0 0-.245.244c-.008.01-.02.016-.028.027-.007.01-.007.023-.014.034a1.145 1.145 0 0 0-.136.413c-.003.03-.018.057-.018.089v4a1 1 0 0 0 2 0V6.719a7.975 7.975 0 0 1 2 5.283c0 .294-.018.588-.053.88a1.001 1.001 0 0 0 1.985.24c.046-.372.068-.746.068-1.12a9.964 9.964 0 0 0-2.417-6.5h1.417Z"}))},Redo=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M19 10a1 1 0 0 0-1 1 8.05 8.05 0 1 1-2.22-5.5h-2.4a1 1 0 1 0 0 2h4.53a1 1 0 0 0 1-1V2a1 1 0 0 0-2 0v1.77A10 10 0 1 0 20 11a1 1 0 0 0-1-1Z"}))},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,"check-circle":CheckCircle,close:Close,envelope:Envelope,"exclamation-circle":ExclamationCircle,"exclamation-triangle":ExclamationTriangle,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,process:Process,redo:Redo,"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,r=n.type,o=n.size,o=void 0===o?"ultra-small":o,n=__rest(n,["className","type","size"]),r=iconHashMap[r],o="string"==typeof o?sizeHashMap[o]:o;return React.createElement(r,__assign({className:e,fill:Color.Navy},o,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,r=n.icon,o=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 r?React.createElement(IconWrapper,{direction:void 0===o?"ltr":o,clickable:!!n&&!e,size:a,narrow:"ghost"===t},React.createElement(Icon,{type:r,size:{width:sizeVariant$2[a].size,height:sizeVariant$2[a].size},fill:i[t],onClick:n})):null},IconWrapper=styled.div(templateObject_1$i=templateObject_1$i||__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")}),colorVariants=(IconWrapper.displayName="IconWrapper",{error:{background:Color.Error10,color:Color.Error100},warning:{background:Color.Grey0,color:Color.Orange},info:{background:Color.Grey0,color:Color.Navy},success:{background:Color.Grey0,color:Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(n){var e=n.type,e=void 0===e?"info":e,r=n.open,o=n.size,t=n.controlled,t=void 0!==t&&t,a=n.onClose,n=n.children;return void 0===r||r||!t?React.createElement(AlertWrapper,{type:e,sizeVariant:void 0===o?"m":o},React.createElement(Icon,{fill:colorVariants[e].color,size:"ultra-small",type:iconVariants[e]})," ",n,t&&React.createElement(CloseIcon,null,React.createElement(Icon,{size:"ultra-small",type:"close",fill:Color.Grey60,onClick:a}))):null},AlertWrapper=styled.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(n){return colorVariants[n.type].color},function(n){return colorVariants[n.type].background},function(n){return fieldSizeVariants[n.sizeVariant].font}),CloseIcon=styled.div(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),Card=styled.div(templateObject_1$g=templateObject_1$g||__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)"}),Pill=(Card.displayName="Card",styled.div(templateObject_1$f=templateObject_1$f||__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$e=templateObject_1$e||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")},function(n){return n.align||"left"})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(n){var e=n.size,r=n.className,n=n.children;return React.createElement(Header,{as:SIZE_MAP[void 0===e?"l":e],className:r},n)},Header=styled.h1(templateObject_1$d=templateObject_1$d||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled.label(templateObject_1$c=templateObject_1$c||__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$b=templateObject_1$b||__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)"}),rotate=(Nav.displayName="Nav",keyframes(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),InfoCard=(styled(Icon)(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate),function(n){var e=n.title,r=n.body,o=n.background,t=n.inverse,t=void 0!==t&&t,n=n.size,n=void 0===n?"l":n;return React.createElement(Root,null,o&&React.createElement(Background,null,o),React.createElement(CardBody,{inverse:t},React.createElement(Hero,{size:n},e),React.createElement(Body,{size:n},r)))}),Root=styled.div(templateObject_1$9=templateObject_1$9||__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$8=templateObject_1$8||__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([""],[""]))}}),getDirectionPadding$1=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 r=n.icon,o=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(o),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,o)),"rtl"!==n.direction&&React.createElement(IconAddition,{icon:r,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:r,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,r){var o=sizeVariants[r=void 0===r?"m":r].iconPadding,t=sizeVariants[r].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(o,";"),e?t:o);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(o,";"),e?t:o);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 r=n.icon,o=n.size,o=void 0===o?"m":o,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:o,ghost:Boolean(n.ghost)},React.createElement(IconAddition,{icon:r,size:o,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:t})),React.createElement(c,{sizeVariant:o,ghost:n.ghost,disabled:n.disabled,direction:r&&(a||"ltr")},i),"rtl"===a&&React.createElement(IconOffset,{size:o,ghost:Boolean(n.ghost),right:!0},React.createElement(IconAddition,{icon:r,size:o,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 r=n.size,r=void 0===r?"m":r,o=n.label,n=__rest(n,["size","label"]);return React.createElement(CheckboxWrapper,{sizeVariant:r,disabled:n.disabled},React.createElement(Input,__assign({ref:e,type:"checkbox",sizeVariant:r},n)),React.createElement(Label,null,o))}),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 r=n.children,o=n.label,t=n.size,t=void 0===t?"m":t,n=__rest(n,["children","label","size"]);return React.createElement(FieldWrapper,{withLabel:Boolean(o),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,o)),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),r))}),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{Alert,Button,Card,Checkbox,Color,DropdownWithStatic as Dropdown,Icon,InfoCard,Input$1 as Input,GlobalStyles as IntegrigoUI,Nav,Pill,TextArea,Typography};
1
+ import React from"react";import styled,{createGlobalStyle,keyframes,css}from"styled-components";var Color,__assign=function(){return(__assign=Object.assign||function(n){for(var e,r=1,o=arguments.length;r<o;r++)for(var t in e=arguments[r])Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n}).apply(this,arguments)};function __rest(n,e){var r={};for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,t=Object.getOwnPropertySymbols(n);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(r[t[o]]=n[t[o]]);return r}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}!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||{});var templateObject_1$l,templateObject_1$k,templateObject_1$j,templateObject_1$i,templateObject_1$h,templateObject_2$7,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_1$a,templateObject_2$6,templateObject_1$9,templateObject_2$5,templateObject_3$3,templateObject_1$8,templateObject_2$4,templateObject_3$2,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,GlobalStyles=createGlobalStyle(templateObject_1$l=templateObject_1$l||__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),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$k=templateObject_1$k||__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$j=templateObject_1$j||__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})),AngleDown=(FieldWrapper.displayName="InputWrapper",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"}))},CheckCircle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"m12.72 6.79-4.29 4.3-1.65-1.65a1 1 0 1 0-1.41 1.41l2.35 2.36a1 1 0 0 0 1.41 0l5-5a1 1 0 1 0-1.41-1.42ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},Close=function(n){return React.createElement("svg",__assign({viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"m8.41 7 4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L7 5.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42L5.59 7l-4.3 4.29a1 1 0 0 0 0 1.42.998.998 0 0 0 1.42 0L7 8.41l4.29 4.3a.998.998 0 0 0 1.42 0 .997.997 0 0 0 .219-1.095.998.998 0 0 0-.22-.325L8.41 7Z"}))},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"}))},ExclamationCircle=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 5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V6a1 1 0 0 0-1-1Zm.92 8.62a.758.758 0 0 0-.09-.18l-.12-.15a.999.999 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21 1.09.9.9 0 0 0 .54.54.94.94 0 0 0 .76 0 .9.9 0 0 0 .54-.54c.051-.12.078-.25.08-.38a1.362 1.362 0 0 0 0-.2.639.639 0 0 0-.08-.18ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},ExclamationTriangle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 24 21",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M12 15C11.8022 15 11.6088 15.0587 11.4444 15.1686C11.2799 15.2784 11.1518 15.4346 11.0761 15.6173C11.0004 15.8001 10.9806 16.0011 11.0192 16.1951C11.0578 16.3891 11.153 16.5673 11.2929 16.7071C11.4327 16.847 11.6109 16.9422 11.8049 16.9808C11.9989 17.0194 12.1999 16.9996 12.3827 16.9239C12.5654 16.8482 12.7216 16.72 12.8314 16.5556C12.9413 16.3911 13 16.1978 13 16C13 15.7348 12.8946 15.4805 12.7071 15.2929C12.5195 15.1054 12.2652 15 12 15ZM22.67 16.47L14.62 2.47003C14.3598 2.00354 13.9798 1.61498 13.5192 1.3445C13.0586 1.07401 12.5341 0.931396 12 0.931396C11.4658 0.931396 10.9414 1.07401 10.4808 1.3445C10.0202 1.61498 9.64016 2.00354 9.37997 2.47003L1.37997 16.47C1.11076 16.924 0.96611 17.441 0.960612 17.9688C0.955114 18.4966 1.08897 19.0166 1.34865 19.4761C1.60834 19.9356 1.98467 20.3185 2.43965 20.5861C2.89463 20.8536 3.41215 20.9964 3.93997 21H20.06C20.592 21.0053 21.1159 20.8689 21.5779 20.6049C22.0399 20.341 22.4233 19.9589 22.6889 19.4978C22.9546 19.0368 23.0928 18.5134 23.0895 17.9814C23.0861 17.4493 22.9414 16.9277 22.67 16.47ZM20.94 18.47C20.8523 18.626 20.7244 18.7556 20.5697 18.8453C20.4149 18.935 20.2389 18.9815 20.06 18.98H3.93997C3.76108 18.9815 3.58507 18.935 3.43029 18.8453C3.2755 18.7556 3.14762 18.626 3.05997 18.47C2.9722 18.318 2.92599 18.1456 2.92599 17.97C2.92599 17.7945 2.9722 17.622 3.05997 17.47L11.06 3.47003C11.1439 3.30623 11.2714 3.16876 11.4284 3.07277C11.5854 2.97678 11.7659 2.92599 11.95 2.92599C12.134 2.92599 12.3145 2.97678 12.4715 3.07277C12.6286 3.16876 12.7561 3.30623 12.84 3.47003L20.89 17.47C20.9892 17.6199 21.0462 17.7937 21.055 17.9732C21.0638 18.1527 21.0241 18.3312 20.94 18.49V18.47ZM12 7.00003C11.7348 7.00003 11.4804 7.10538 11.2929 7.29292C11.1053 7.48046 11 7.73481 11 8.00003V12C11 12.2652 11.1053 12.5196 11.2929 12.7071C11.4804 12.8947 11.7348 13 12 13C12.2652 13 12.5195 12.8947 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12V8.00003C13 7.73481 12.8946 7.48046 12.7071 7.29292C12.5195 7.10538 12.2652 7.00003 12 7.00003Z"}))},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"}))},Process=function(n){return React.createElement("svg",__assign({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M6.992 14.502a1 1 0 0 0-1 1v1.782a7.973 7.973 0 0 1-2-5.282c0-.294.017-.588.052-.88a1 1 0 1 0-1.985-.24 9.176 9.176 0 0 0-.067 1.12 9.965 9.965 0 0 0 2.417 6.5H2.992a1 1 0 1 0 0 2h4a.982.982 0 0 0 .794-.422c.011-.015.026-.027.037-.043.007-.01.007-.022.013-.032a.965.965 0 0 0 .106-.258.95.95 0 0 0 .032-.156c.003-.03.018-.057.018-.089v-4a1 1 0 0 0-1-1Zm1.5-8.5H6.709a7.974 7.974 0 0 1 5.283-2c.294 0 .587.017.88.053a1 1 0 0 0 .24-1.987 9.226 9.226 0 0 0-1.12-.066 9.964 9.964 0 0 0-6.5 2.417V3.002a1 1 0 0 0-2 0v4c.006.066.02.131.039.195a.97.97 0 0 0 .141.346l.012.017c.066.096.149.18.244.246.011.008.017.02.028.028.014.01.03.012.045.021a.96.96 0 0 0 .441.137c.018 0 .032.01.05.01h4a1 1 0 1 0 0-2Zm11.96 10.804a.968.968 0 0 0-.141-.345l-.011-.017a.972.972 0 0 0-.245-.246c-.011-.008-.016-.02-.028-.028-.01-.007-.023-.008-.034-.014a1.152 1.152 0 0 0-.41-.136c-.032-.003-.059-.018-.091-.018h-4a1 1 0 0 0 0 2h1.782a7.973 7.973 0 0 1-5.282 2c-.294 0-.588-.018-.88-.054a1 1 0 0 0-.24 1.986c.37.045.745.068 1.12.068a9.964 9.964 0 0 0 6.5-2.417v1.417a1 1 0 0 0 2 0v-4a.956.956 0 0 0-.04-.195Zm.54-11.304a1 1 0 1 0 0-2h-4a.95.95 0 0 0-.192.039l-.007.001a.969.969 0 0 0-.34.14l-.02.013a.975.975 0 0 0-.245.244c-.008.01-.02.016-.028.027-.007.01-.007.023-.014.034a1.145 1.145 0 0 0-.136.413c-.003.03-.018.057-.018.089v4a1 1 0 0 0 2 0V6.719a7.975 7.975 0 0 1 2 5.283c0 .294-.018.588-.053.88a1.001 1.001 0 0 0 1.985.24c.046-.372.068-.746.068-1.12a9.964 9.964 0 0 0-2.417-6.5h1.417Z"}))},Redo=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M19 10a1 1 0 0 0-1 1 8.05 8.05 0 1 1-2.22-5.5h-2.4a1 1 0 1 0 0 2h4.53a1 1 0 0 0 1-1V2a1 1 0 0 0-2 0v1.77A10 10 0 1 0 20 11a1 1 0 0 0-1-1Z"}))},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,"check-circle":CheckCircle,close:Close,envelope:Envelope,"exclamation-circle":ExclamationCircle,"exclamation-triangle":ExclamationTriangle,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,process:Process,redo:Redo,"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,r=n.type,o=n.size,o=void 0===o?"ultra-small":o,n=__rest(n,["className","type","size"]),r=iconHashMap[r],o="string"==typeof o?sizeHashMap[o]:o;return React.createElement(r,__assign({className:e,fill:Color.Navy},o,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,r=n.icon,o=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 r?React.createElement(IconWrapper,{direction:void 0===o?"ltr":o,clickable:!!n&&!e,size:a,narrow:"ghost"===t},React.createElement(Icon,{type:r,size:{width:sizeVariant$2[a].size,height:sizeVariant$2[a].size},fill:i[t],onClick:n})):null},IconWrapper=styled.div(templateObject_1$i=templateObject_1$i||__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")}),colorVariants=(IconWrapper.displayName="IconWrapper",{error:{background:Color.Error10,color:Color.Error100},warning:{background:Color.Grey0,color:Color.Orange},info:{background:Color.Grey0,color:Color.Navy},success:{background:Color.Grey0,color:Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(n){var e=n.type,e=void 0===e?"info":e,r=n.open,o=n.size,t=n.controlled,t=void 0!==t&&t,a=n.onClose,n=n.children;return void 0===r||r||!t?React.createElement(AlertWrapper,{type:e,sizeVariant:void 0===o?"m":o},React.createElement(Icon,{fill:colorVariants[e].color,size:"ultra-small",type:iconVariants[e]})," ",n,t&&React.createElement(CloseIcon,null,React.createElement(Icon,{size:"ultra-small",type:"close",fill:Color.Grey60,onClick:a}))):null},AlertWrapper=styled.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(n){return colorVariants[n.type].color},function(n){return colorVariants[n.type].background},function(n){return fieldSizeVariants[n.sizeVariant].font}),CloseIcon=styled.div(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),Card=styled.div(templateObject_1$g=templateObject_1$g||__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)"}),Pill=(Card.displayName="Card",styled.div(templateObject_1$f=templateObject_1$f||__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$e=templateObject_1$e||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")},function(n){return n.align||"left"})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(n){var e=n.size,r=n.className,n=n.children;return React.createElement(Header,{as:SIZE_MAP[void 0===e?"l":e],className:r},n)},Header=styled.h1(templateObject_1$d=templateObject_1$d||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled.label(templateObject_1$c=templateObject_1$c||__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$b=templateObject_1$b||__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)"}),rotate=(Nav.displayName="Nav",keyframes(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),InfoCard=(styled(Icon)(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate),function(n){var e=n.title,r=n.body,o=n.background,t=n.inverse,t=void 0!==t&&t,n=n.size,n=void 0===n?"l":n;return React.createElement(Root,null,o&&React.createElement(Background,null,o),React.createElement(CardBody,{inverse:t},React.createElement(Hero,{size:n},e),React.createElement(Body,{size:n},r)))}),Root=styled.div(templateObject_1$9=templateObject_1$9||__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$8=templateObject_1$8||__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([""],[""]))}}),getDirectionPadding$1=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 r=n.icon,o=n.label,t=n.size,t=void 0===t?"m":t,a=n.onIconClick,i=n.field,n=__rest(n,["icon","label","size","onIconClick","field"]);return React.createElement(FieldWrapper,{withLabel:Boolean(o),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,o)),"rtl"!==n.direction&&React.createElement(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:a,size:t}),React.createElement(InputElement,__assign({ref:e,sizeVariant:t},i,n)),"rtl"===n.direction&&React.createElement(IconAddition,{icon:r,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,r){var o=sizeVariants[r=void 0===r?"m":r].iconPadding,t=sizeVariants[r].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(o,";"),e?t:o);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(o,";"),e?t:o);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 r=n.icon,o=n.size,o=void 0===o?"m":o,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:o,ghost:Boolean(n.ghost)},React.createElement(IconAddition,{icon:r,size:o,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:t})),React.createElement(c,{sizeVariant:o,ghost:n.ghost,disabled:n.disabled,direction:r&&(a||"ltr")},i),"rtl"===a&&React.createElement(IconOffset,{size:o,ghost:Boolean(n.ghost),right:!0},React.createElement(IconAddition,{icon:r,size:o,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 r=n.size,r=void 0===r?"m":r,o=n.label,n=__rest(n,["size","label"]);return React.createElement(CheckboxWrapper,{sizeVariant:r,disabled:n.disabled},React.createElement(Input,__assign({ref:e,type:"checkbox",sizeVariant:r},n)),React.createElement(Label,null,o))}),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 r=n.children,o=n.label,t=n.size,t=void 0===t?"m":t,n=__rest(n,["children","label","size"]);return React.createElement(FieldWrapper,{withLabel:Boolean(o),sizeVariant:t},React.createElement(FieldLabel,{sizeVariant:t},React.createElement(Label,null,o)),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),r))}),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{Alert,Button,Card,Checkbox,Color,DropdownWithStatic as Dropdown,Icon,InfoCard,Input$1 as Input,GlobalStyles as IntegrigoUI,Nav,Pill,TextArea,Typography};
2
2
  //# sourceMappingURL=index.esm.js.map
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),styled__default=_interopDefaultLegacy(styled),__assign=function(){return(__assign=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};function __rest(e,n){var t={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]]);return t}function __makeTemplateObject(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}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={}));var templateObject_1$l,templateObject_1$k,templateObject_1$j,templateObject_1$i,templateObject_1$h,templateObject_2$7,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_1$a,templateObject_2$6,templateObject_1$9,templateObject_2$5,templateObject_3$3,templateObject_1$8,templateObject_2$4,templateObject_3$2,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,GlobalStyles=styled.createGlobalStyle(templateObject_1$l=templateObject_1$l||__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),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$k=templateObject_1$k||__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$j=templateObject_1$j||__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})),AngleDown=(FieldWrapper.displayName="InputWrapper",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"}))},CheckCircle=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:"m12.72 6.79-4.29 4.3-1.65-1.65a1 1 0 1 0-1.41 1.41l2.35 2.36a1 1 0 0 0 1.41 0l5-5a1 1 0 1 0-1.41-1.42ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},Close=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"m8.41 7 4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L7 5.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42L5.59 7l-4.3 4.29a1 1 0 0 0 0 1.42.998.998 0 0 0 1.42 0L7 8.41l4.29 4.3a.998.998 0 0 0 1.42 0 .997.997 0 0 0 .219-1.095.998.998 0 0 0-.22-.325L8.41 7Z"}))},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"}))},ExclamationCircle=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 5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V6a1 1 0 0 0-1-1Zm.92 8.62a.758.758 0 0 0-.09-.18l-.12-.15a.999.999 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21 1.09.9.9 0 0 0 .54.54.94.94 0 0 0 .76 0 .9.9 0 0 0 .54-.54c.051-.12.078-.25.08-.38a1.362 1.362 0 0 0 0-.2.639.639 0 0 0-.08-.18ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},ExclamationTriangle=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 24 21",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M12 15C11.8022 15 11.6088 15.0587 11.4444 15.1686C11.2799 15.2784 11.1518 15.4346 11.0761 15.6173C11.0004 15.8001 10.9806 16.0011 11.0192 16.1951C11.0578 16.3891 11.153 16.5673 11.2929 16.7071C11.4327 16.847 11.6109 16.9422 11.8049 16.9808C11.9989 17.0194 12.1999 16.9996 12.3827 16.9239C12.5654 16.8482 12.7216 16.72 12.8314 16.5556C12.9413 16.3911 13 16.1978 13 16C13 15.7348 12.8946 15.4805 12.7071 15.2929C12.5195 15.1054 12.2652 15 12 15ZM22.67 16.47L14.62 2.47003C14.3598 2.00354 13.9798 1.61498 13.5192 1.3445C13.0586 1.07401 12.5341 0.931396 12 0.931396C11.4658 0.931396 10.9414 1.07401 10.4808 1.3445C10.0202 1.61498 9.64016 2.00354 9.37997 2.47003L1.37997 16.47C1.11076 16.924 0.96611 17.441 0.960612 17.9688C0.955114 18.4966 1.08897 19.0166 1.34865 19.4761C1.60834 19.9356 1.98467 20.3185 2.43965 20.5861C2.89463 20.8536 3.41215 20.9964 3.93997 21H20.06C20.592 21.0053 21.1159 20.8689 21.5779 20.6049C22.0399 20.341 22.4233 19.9589 22.6889 19.4978C22.9546 19.0368 23.0928 18.5134 23.0895 17.9814C23.0861 17.4493 22.9414 16.9277 22.67 16.47ZM20.94 18.47C20.8523 18.626 20.7244 18.7556 20.5697 18.8453C20.4149 18.935 20.2389 18.9815 20.06 18.98H3.93997C3.76108 18.9815 3.58507 18.935 3.43029 18.8453C3.2755 18.7556 3.14762 18.626 3.05997 18.47C2.9722 18.318 2.92599 18.1456 2.92599 17.97C2.92599 17.7945 2.9722 17.622 3.05997 17.47L11.06 3.47003C11.1439 3.30623 11.2714 3.16876 11.4284 3.07277C11.5854 2.97678 11.7659 2.92599 11.95 2.92599C12.134 2.92599 12.3145 2.97678 12.4715 3.07277C12.6286 3.16876 12.7561 3.30623 12.84 3.47003L20.89 17.47C20.9892 17.6199 21.0462 17.7937 21.055 17.9732C21.0638 18.1527 21.0241 18.3312 20.94 18.49V18.47ZM12 7.00003C11.7348 7.00003 11.4804 7.10538 11.2929 7.29292C11.1053 7.48046 11 7.73481 11 8.00003V12C11 12.2652 11.1053 12.5196 11.2929 12.7071C11.4804 12.8947 11.7348 13 12 13C12.2652 13 12.5195 12.8947 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12V8.00003C13 7.73481 12.8946 7.48046 12.7071 7.29292C12.5195 7.10538 12.2652 7.00003 12 7.00003Z"}))},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"}))},Process=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M6.992 14.502a1 1 0 0 0-1 1v1.782a7.973 7.973 0 0 1-2-5.282c0-.294.017-.588.052-.88a1 1 0 1 0-1.985-.24 9.176 9.176 0 0 0-.067 1.12 9.965 9.965 0 0 0 2.417 6.5H2.992a1 1 0 1 0 0 2h4a.982.982 0 0 0 .794-.422c.011-.015.026-.027.037-.043.007-.01.007-.022.013-.032a.965.965 0 0 0 .106-.258.95.95 0 0 0 .032-.156c.003-.03.018-.057.018-.089v-4a1 1 0 0 0-1-1Zm1.5-8.5H6.709a7.974 7.974 0 0 1 5.283-2c.294 0 .587.017.88.053a1 1 0 0 0 .24-1.987 9.226 9.226 0 0 0-1.12-.066 9.964 9.964 0 0 0-6.5 2.417V3.002a1 1 0 0 0-2 0v4c.006.066.02.131.039.195a.97.97 0 0 0 .141.346l.012.017c.066.096.149.18.244.246.011.008.017.02.028.028.014.01.03.012.045.021a.96.96 0 0 0 .441.137c.018 0 .032.01.05.01h4a1 1 0 1 0 0-2Zm11.96 10.804a.968.968 0 0 0-.141-.345l-.011-.017a.972.972 0 0 0-.245-.246c-.011-.008-.016-.02-.028-.028-.01-.007-.023-.008-.034-.014a1.152 1.152 0 0 0-.41-.136c-.032-.003-.059-.018-.091-.018h-4a1 1 0 0 0 0 2h1.782a7.973 7.973 0 0 1-5.282 2c-.294 0-.588-.018-.88-.054a1 1 0 0 0-.24 1.986c.37.045.745.068 1.12.068a9.964 9.964 0 0 0 6.5-2.417v1.417a1 1 0 0 0 2 0v-4a.956.956 0 0 0-.04-.195Zm.54-11.304a1 1 0 1 0 0-2h-4a.95.95 0 0 0-.192.039l-.007.001a.969.969 0 0 0-.34.14l-.02.013a.975.975 0 0 0-.245.244c-.008.01-.02.016-.028.027-.007.01-.007.023-.014.034a1.145 1.145 0 0 0-.136.413c-.003.03-.018.057-.018.089v4a1 1 0 0 0 2 0V6.719a7.975 7.975 0 0 1 2 5.283c0 .294-.018.588-.053.88a1.001 1.001 0 0 0 1.985.24c.046-.372.068-.746.068-1.12a9.964 9.964 0 0 0-2.417-6.5h1.417Z"}))},Redo=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M19 10a1 1 0 0 0-1 1 8.05 8.05 0 1 1-2.22-5.5h-2.4a1 1 0 1 0 0 2h4.53a1 1 0 0 0 1-1V2a1 1 0 0 0-2 0v1.77A10 10 0 1 0 20 11a1 1 0 0 0-1-1Z"}))},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,"check-circle":CheckCircle,close:Close,envelope:Envelope,"exclamation-circle":ExclamationCircle,"exclamation-triangle":ExclamationTriangle,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,process:Process,redo:Redo,"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,a=e.size,a=void 0===a?"ultra-small":a,e=__rest(e,["className","type","size"]),t=iconHashMap[t],a="string"==typeof a?sizeHashMap[a]:a;return React__default.default.createElement(t,__assign({className:n,fill:exports.Color.Navy},a,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,a=e.direction,r=e.colorVariant,r=void 0===r?"grey":r,o=e.size,o=void 0===o?"m":o,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===a?"ltr":a,clickable:!!e&&!n,size:o,narrow:"ghost"===r},React__default.default.createElement(Icon,{type:t,size:{width:sizeVariant$2[o].size,height:sizeVariant$2[o].size},fill:i[r],onClick:e})):null},IconWrapper=styled__default.default.div(templateObject_1$i=templateObject_1$i||__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")}),colorVariants=(IconWrapper.displayName="IconWrapper",{error:{background:exports.Color.Error10,color:exports.Color.Error100},warning:{background:exports.Color.Grey0,color:exports.Color.Orange},info:{background:exports.Color.Grey0,color:exports.Color.Navy},success:{background:exports.Color.Grey0,color:exports.Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(e){var n=e.type,n=void 0===n?"info":n,t=e.open,a=e.size,r=e.controlled,r=void 0!==r&&r,o=e.onClose,e=e.children;return void 0===t||t||!r?React__default.default.createElement(AlertWrapper,{type:n,sizeVariant:void 0===a?"m":a},React__default.default.createElement(Icon,{fill:colorVariants[n].color,size:"ultra-small",type:iconVariants[n]})," ",e,r&&React__default.default.createElement(CloseIcon,null,React__default.default.createElement(Icon,{size:"ultra-small",type:"close",fill:exports.Color.Grey60,onClick:o}))):null},AlertWrapper=styled__default.default.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(e){return colorVariants[e.type].color},function(e){return colorVariants[e.type].background},function(e){return fieldSizeVariants[e.sizeVariant].font}),CloseIcon=styled__default.default.div(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),Card=styled__default.default.div(templateObject_1$g=templateObject_1$g||__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)"}),Pill=(Card.displayName="Card",styled__default.default.div(templateObject_1$f=templateObject_1$f||__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$e=templateObject_1$e||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")},function(e){return"calc(1.5*var(--font-size-".concat(e.size||"m","))")},function(e){return e.align||"left"})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(e){var n=e.size,t=e.className,e=e.children;return React__default.default.createElement(Header,{as:SIZE_MAP[void 0===n?"l":n],className:t},e)},Header=styled__default.default.h1(templateObject_1$d=templateObject_1$d||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled__default.default.label(templateObject_1$c=templateObject_1$c||__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$b=templateObject_1$b||__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)"}),rotate=(Nav.displayName="Nav",styled.keyframes(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),InfoCard=(styled__default.default(Icon)(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate),function(e){var n=e.title,t=e.body,a=e.background,r=e.inverse,r=void 0!==r&&r,e=e.size,e=void 0===e?"l":e;return React__default.default.createElement(Root,null,a&&React__default.default.createElement(Background,null,a),React__default.default.createElement(CardBody,{inverse:r},React__default.default.createElement(Hero,{size:e},n),React__default.default.createElement(Body,{size:e},t)))}),Root=styled__default.default.div(templateObject_1$9=templateObject_1$9||__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$8=templateObject_1$8||__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([""],[""]))}}),getDirectionPadding$1=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,a=e.label,r=e.size,r=void 0===r?"m":r,o=e.onIconClick,e=__rest(e,["icon","label","size","onIconClick"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(a),sizeVariant:r},React__default.default.createElement(FieldLabel,{sizeVariant:r},React__default.default.createElement(Label,null,a)),"rtl"!==e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:o,size:r}),React__default.default.createElement(InputElement,__assign({ref:n,sizeVariant:r},e)),"rtl"===e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:o}))}),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 a=sizeVariants[t=void 0===t?"m":t].iconPadding,r=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(a,";"),n?r:a);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(a,";"),n?r:a);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,a=e.size,a=void 0===a?"m":a,r=e.onIconClick,o=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"!==o&&React__default.default.createElement(IconOffset,{size:a,ghost:Boolean(e.ghost)},React__default.default.createElement(IconAddition,{icon:t,size:a,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:o,onClick:r})),React__default.default.createElement(l,{sizeVariant:a,ghost:e.ghost,disabled:e.disabled,direction:t&&(o||"ltr")},i),"rtl"===o&&React__default.default.createElement(IconOffset,{size:a,ghost:Boolean(e.ghost),right:!0},React__default.default.createElement(IconAddition,{icon:t,size:a,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:o,onClick:r})))}),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,a=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,a))}),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,a=e.label,r=e.size,r=void 0===r?"m":r,e=__rest(e,["children","label","size"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(a),sizeVariant:r},React__default.default.createElement(FieldLabel,{sizeVariant:r},React__default.default.createElement(Label,null,a)),React__default.default.createElement(IconAddition,{icon:"angle-down",disabled:e.disabled,direction:"rtl",size:r}),React__default.default.createElement(Select,__assign({ref:n,sizeVariant:r},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.Alert=Alert,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;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),styled__default=_interopDefaultLegacy(styled),__assign=function(){return(__assign=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};function __rest(e,n){var t={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]]);return t}function __makeTemplateObject(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}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={}));var templateObject_1$l,templateObject_1$k,templateObject_1$j,templateObject_1$i,templateObject_1$h,templateObject_2$7,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_1$a,templateObject_2$6,templateObject_1$9,templateObject_2$5,templateObject_3$3,templateObject_1$8,templateObject_2$4,templateObject_3$2,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,GlobalStyles=styled.createGlobalStyle(templateObject_1$l=templateObject_1$l||__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),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$k=templateObject_1$k||__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$j=templateObject_1$j||__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})),AngleDown=(FieldWrapper.displayName="InputWrapper",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"}))},CheckCircle=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:"m12.72 6.79-4.29 4.3-1.65-1.65a1 1 0 1 0-1.41 1.41l2.35 2.36a1 1 0 0 0 1.41 0l5-5a1 1 0 1 0-1.41-1.42ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},Close=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"m8.41 7 4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L7 5.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42L5.59 7l-4.3 4.29a1 1 0 0 0 0 1.42.998.998 0 0 0 1.42 0L7 8.41l4.29 4.3a.998.998 0 0 0 1.42 0 .997.997 0 0 0 .219-1.095.998.998 0 0 0-.22-.325L8.41 7Z"}))},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"}))},ExclamationCircle=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 5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V6a1 1 0 0 0-1-1Zm.92 8.62a.758.758 0 0 0-.09-.18l-.12-.15a.999.999 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21 1.09.9.9 0 0 0 .54.54.94.94 0 0 0 .76 0 .9.9 0 0 0 .54-.54c.051-.12.078-.25.08-.38a1.362 1.362 0 0 0 0-.2.639.639 0 0 0-.08-.18ZM10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"}))},ExclamationTriangle=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 24 21",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M12 15C11.8022 15 11.6088 15.0587 11.4444 15.1686C11.2799 15.2784 11.1518 15.4346 11.0761 15.6173C11.0004 15.8001 10.9806 16.0011 11.0192 16.1951C11.0578 16.3891 11.153 16.5673 11.2929 16.7071C11.4327 16.847 11.6109 16.9422 11.8049 16.9808C11.9989 17.0194 12.1999 16.9996 12.3827 16.9239C12.5654 16.8482 12.7216 16.72 12.8314 16.5556C12.9413 16.3911 13 16.1978 13 16C13 15.7348 12.8946 15.4805 12.7071 15.2929C12.5195 15.1054 12.2652 15 12 15ZM22.67 16.47L14.62 2.47003C14.3598 2.00354 13.9798 1.61498 13.5192 1.3445C13.0586 1.07401 12.5341 0.931396 12 0.931396C11.4658 0.931396 10.9414 1.07401 10.4808 1.3445C10.0202 1.61498 9.64016 2.00354 9.37997 2.47003L1.37997 16.47C1.11076 16.924 0.96611 17.441 0.960612 17.9688C0.955114 18.4966 1.08897 19.0166 1.34865 19.4761C1.60834 19.9356 1.98467 20.3185 2.43965 20.5861C2.89463 20.8536 3.41215 20.9964 3.93997 21H20.06C20.592 21.0053 21.1159 20.8689 21.5779 20.6049C22.0399 20.341 22.4233 19.9589 22.6889 19.4978C22.9546 19.0368 23.0928 18.5134 23.0895 17.9814C23.0861 17.4493 22.9414 16.9277 22.67 16.47ZM20.94 18.47C20.8523 18.626 20.7244 18.7556 20.5697 18.8453C20.4149 18.935 20.2389 18.9815 20.06 18.98H3.93997C3.76108 18.9815 3.58507 18.935 3.43029 18.8453C3.2755 18.7556 3.14762 18.626 3.05997 18.47C2.9722 18.318 2.92599 18.1456 2.92599 17.97C2.92599 17.7945 2.9722 17.622 3.05997 17.47L11.06 3.47003C11.1439 3.30623 11.2714 3.16876 11.4284 3.07277C11.5854 2.97678 11.7659 2.92599 11.95 2.92599C12.134 2.92599 12.3145 2.97678 12.4715 3.07277C12.6286 3.16876 12.7561 3.30623 12.84 3.47003L20.89 17.47C20.9892 17.6199 21.0462 17.7937 21.055 17.9732C21.0638 18.1527 21.0241 18.3312 20.94 18.49V18.47ZM12 7.00003C11.7348 7.00003 11.4804 7.10538 11.2929 7.29292C11.1053 7.48046 11 7.73481 11 8.00003V12C11 12.2652 11.1053 12.5196 11.2929 12.7071C11.4804 12.8947 11.7348 13 12 13C12.2652 13 12.5195 12.8947 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12V8.00003C13 7.73481 12.8946 7.48046 12.7071 7.29292C12.5195 7.10538 12.2652 7.00003 12 7.00003Z"}))},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"}))},Process=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M6.992 14.502a1 1 0 0 0-1 1v1.782a7.973 7.973 0 0 1-2-5.282c0-.294.017-.588.052-.88a1 1 0 1 0-1.985-.24 9.176 9.176 0 0 0-.067 1.12 9.965 9.965 0 0 0 2.417 6.5H2.992a1 1 0 1 0 0 2h4a.982.982 0 0 0 .794-.422c.011-.015.026-.027.037-.043.007-.01.007-.022.013-.032a.965.965 0 0 0 .106-.258.95.95 0 0 0 .032-.156c.003-.03.018-.057.018-.089v-4a1 1 0 0 0-1-1Zm1.5-8.5H6.709a7.974 7.974 0 0 1 5.283-2c.294 0 .587.017.88.053a1 1 0 0 0 .24-1.987 9.226 9.226 0 0 0-1.12-.066 9.964 9.964 0 0 0-6.5 2.417V3.002a1 1 0 0 0-2 0v4c.006.066.02.131.039.195a.97.97 0 0 0 .141.346l.012.017c.066.096.149.18.244.246.011.008.017.02.028.028.014.01.03.012.045.021a.96.96 0 0 0 .441.137c.018 0 .032.01.05.01h4a1 1 0 1 0 0-2Zm11.96 10.804a.968.968 0 0 0-.141-.345l-.011-.017a.972.972 0 0 0-.245-.246c-.011-.008-.016-.02-.028-.028-.01-.007-.023-.008-.034-.014a1.152 1.152 0 0 0-.41-.136c-.032-.003-.059-.018-.091-.018h-4a1 1 0 0 0 0 2h1.782a7.973 7.973 0 0 1-5.282 2c-.294 0-.588-.018-.88-.054a1 1 0 0 0-.24 1.986c.37.045.745.068 1.12.068a9.964 9.964 0 0 0 6.5-2.417v1.417a1 1 0 0 0 2 0v-4a.956.956 0 0 0-.04-.195Zm.54-11.304a1 1 0 1 0 0-2h-4a.95.95 0 0 0-.192.039l-.007.001a.969.969 0 0 0-.34.14l-.02.013a.975.975 0 0 0-.245.244c-.008.01-.02.016-.028.027-.007.01-.007.023-.014.034a1.145 1.145 0 0 0-.136.413c-.003.03-.018.057-.018.089v4a1 1 0 0 0 2 0V6.719a7.975 7.975 0 0 1 2 5.283c0 .294-.018.588-.053.88a1.001 1.001 0 0 0 1.985.24c.046-.372.068-.746.068-1.12a9.964 9.964 0 0 0-2.417-6.5h1.417Z"}))},Redo=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 21",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M19 10a1 1 0 0 0-1 1 8.05 8.05 0 1 1-2.22-5.5h-2.4a1 1 0 1 0 0 2h4.53a1 1 0 0 0 1-1V2a1 1 0 0 0-2 0v1.77A10 10 0 1 0 20 11a1 1 0 0 0-1-1Z"}))},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,"check-circle":CheckCircle,close:Close,envelope:Envelope,"exclamation-circle":ExclamationCircle,"exclamation-triangle":ExclamationTriangle,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,process:Process,redo:Redo,"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,a=e.size,a=void 0===a?"ultra-small":a,e=__rest(e,["className","type","size"]),t=iconHashMap[t],a="string"==typeof a?sizeHashMap[a]:a;return React__default.default.createElement(t,__assign({className:n,fill:exports.Color.Navy},a,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,a=e.direction,r=e.colorVariant,r=void 0===r?"grey":r,o=e.size,o=void 0===o?"m":o,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===a?"ltr":a,clickable:!!e&&!n,size:o,narrow:"ghost"===r},React__default.default.createElement(Icon,{type:t,size:{width:sizeVariant$2[o].size,height:sizeVariant$2[o].size},fill:i[r],onClick:e})):null},IconWrapper=styled__default.default.div(templateObject_1$i=templateObject_1$i||__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")}),colorVariants=(IconWrapper.displayName="IconWrapper",{error:{background:exports.Color.Error10,color:exports.Color.Error100},warning:{background:exports.Color.Grey0,color:exports.Color.Orange},info:{background:exports.Color.Grey0,color:exports.Color.Navy},success:{background:exports.Color.Grey0,color:exports.Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(e){var n=e.type,n=void 0===n?"info":n,t=e.open,a=e.size,r=e.controlled,r=void 0!==r&&r,o=e.onClose,e=e.children;return void 0===t||t||!r?React__default.default.createElement(AlertWrapper,{type:n,sizeVariant:void 0===a?"m":a},React__default.default.createElement(Icon,{fill:colorVariants[n].color,size:"ultra-small",type:iconVariants[n]})," ",e,r&&React__default.default.createElement(CloseIcon,null,React__default.default.createElement(Icon,{size:"ultra-small",type:"close",fill:exports.Color.Grey60,onClick:o}))):null},AlertWrapper=styled__default.default.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(e){return colorVariants[e.type].color},function(e){return colorVariants[e.type].background},function(e){return fieldSizeVariants[e.sizeVariant].font}),CloseIcon=styled__default.default.div(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),Card=styled__default.default.div(templateObject_1$g=templateObject_1$g||__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)"}),Pill=(Card.displayName="Card",styled__default.default.div(templateObject_1$f=templateObject_1$f||__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$e=templateObject_1$e||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")},function(e){return"calc(1.5*var(--font-size-".concat(e.size||"m","))")},function(e){return e.align||"left"})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(e){var n=e.size,t=e.className,e=e.children;return React__default.default.createElement(Header,{as:SIZE_MAP[void 0===n?"l":n],className:t},e)},Header=styled__default.default.h1(templateObject_1$d=templateObject_1$d||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled__default.default.label(templateObject_1$c=templateObject_1$c||__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$b=templateObject_1$b||__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)"}),rotate=(Nav.displayName="Nav",styled.keyframes(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),InfoCard=(styled__default.default(Icon)(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate),function(e){var n=e.title,t=e.body,a=e.background,r=e.inverse,r=void 0!==r&&r,e=e.size,e=void 0===e?"l":e;return React__default.default.createElement(Root,null,a&&React__default.default.createElement(Background,null,a),React__default.default.createElement(CardBody,{inverse:r},React__default.default.createElement(Hero,{size:e},n),React__default.default.createElement(Body,{size:e},t)))}),Root=styled__default.default.div(templateObject_1$9=templateObject_1$9||__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$8=templateObject_1$8||__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([""],[""]))}}),getDirectionPadding$1=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,a=e.label,r=e.size,r=void 0===r?"m":r,o=e.onIconClick,i=e.field,e=__rest(e,["icon","label","size","onIconClick","field"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(a),sizeVariant:r},React__default.default.createElement(FieldLabel,{sizeVariant:r},React__default.default.createElement(Label,null,a)),"rtl"!==e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:o,size:r}),React__default.default.createElement(InputElement,__assign({ref:n,sizeVariant:r},i,e)),"rtl"===e.direction&&React__default.default.createElement(IconAddition,{icon:t,disabled:e.disabled,direction:e.direction,onClick:o}))}),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 a=sizeVariants[t=void 0===t?"m":t].iconPadding,r=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(a,";"),n?r:a);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(a,";"),n?r:a);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,a=e.size,a=void 0===a?"m":a,r=e.onIconClick,o=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"!==o&&React__default.default.createElement(IconOffset,{size:a,ghost:Boolean(e.ghost)},React__default.default.createElement(IconAddition,{icon:t,size:a,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:o,onClick:r})),React__default.default.createElement(l,{sizeVariant:a,ghost:e.ghost,disabled:e.disabled,direction:t&&(o||"ltr")},i),"rtl"===o&&React__default.default.createElement(IconOffset,{size:a,ghost:Boolean(e.ghost),right:!0},React__default.default.createElement(IconAddition,{icon:t,size:a,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:o,onClick:r})))}),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,a=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,a))}),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,a=e.label,r=e.size,r=void 0===r?"m":r,e=__rest(e,["children","label","size"]);return React__default.default.createElement(FieldWrapper,{withLabel:Boolean(a),sizeVariant:r},React__default.default.createElement(FieldLabel,{sizeVariant:r},React__default.default.createElement(Label,null,a)),React__default.default.createElement(IconAddition,{icon:"angle-down",disabled:e.disabled,direction:"rtl",size:r}),React__default.default.createElement(Select,__assign({ref:n,sizeVariant:r},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.Alert=Alert,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;
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://npm.pkg.github.com/integrigo"
5
5
  },
6
- "version": "1.5.14",
6
+ "version": "1.5.17",
7
7
  "main": "lib/index.js",
8
8
  "module": "lib/index.esm.js",
9
9
  "types": "lib/index.d.ts",
@@ -33,7 +33,9 @@
33
33
  "styled-components": "^5.3.3",
34
34
  "typescript": "^4.5.5"
35
35
  },
36
- "dependencies": {},
36
+ "dependencies": {
37
+ "formik": "^2.2.9"
38
+ },
37
39
  "peerDependencies": {
38
40
  "react": "^17.0.2",
39
41
  "react-dom": "^17.0.2",