@integrigo/integrigo-ui 1.5.17 → 1.6.1

Sign up to get free protection for your applications and to get access to all the features.
package/.babelrc ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "presets": [
3
+ "@babel/preset-env",
4
+ "@babel/preset-react",
5
+ "@babel/preset-typescript"
6
+ ]
7
+ }
package/jest.config.js ADDED
@@ -0,0 +1,24 @@
1
+ module.exports = {
2
+ transform: {
3
+ "^.+\\.tsx?$": "ts-jest"
4
+ },
5
+ transformIgnorePatterns: ['<rootDir>/node_modules/'],
6
+ moduleFileExtensions: [
7
+ "ts",
8
+ "tsx",
9
+ "js",
10
+ "jsx",
11
+ "json",
12
+ "node"
13
+ ],
14
+ globals: {
15
+ 'ts-jest': {
16
+ tsconfig: 'tsconfig.json',
17
+ diagnostics: false,
18
+ },
19
+ },
20
+ testEnvironment: 'jsdom',
21
+ setupFilesAfterEnv: [
22
+ './jest.setup.ts'
23
+ ]
24
+ }
package/jest.setup.ts ADDED
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom'
@@ -1,3 +1,7 @@
1
- export declare const FieldLabel: import("styled-components").StyledComponent<"div", any, {
1
+ interface FieldLabelProps {
2
2
  sizeVariant: "xl" | "l" | "m" | "s";
3
- }, never>;
3
+ position?: "inline" | "block";
4
+ disabled?: boolean;
5
+ }
6
+ export declare const FieldLabel: import("styled-components").StyledComponent<"div", any, FieldLabelProps, never>;
7
+ export {};
@@ -1,4 +1,7 @@
1
+ import React from "react";
1
2
  export interface LabelProps {
2
- size?: 's' | 'm' | 'l' | 'xl' | 'xxl';
3
+ text: string;
4
+ size?: "s" | "m" | "l" | "xl" | "xxl";
5
+ children?: React.ReactNode;
3
6
  }
4
- export declare const Label: import("styled-components").StyledComponent<"label", any, LabelProps, never>;
7
+ export declare const Label: React.FC<LabelProps>;
@@ -1,5 +1,6 @@
1
+ /// <reference types="react" />
1
2
  export declare const Typography: {
2
3
  Body: import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>;
3
4
  Hero: import("react").FCS<import("./Hero").HeroProps>;
4
- Label: import("styled-components").StyledComponent<"label", any, import("./Label").LabelProps, never>;
5
+ Label: import("react").FC<import("./Label").LabelProps>;
5
6
  };
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ export declare enum Size {
3
+ xl = "xl",
4
+ l = "l",
5
+ m = "m",
6
+ s = "s"
7
+ }
8
+ export declare type RadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
9
+ size?: Size;
10
+ label?: string;
11
+ };
12
+ export declare const Radio: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
13
+ size?: Size | undefined;
14
+ label?: string | undefined;
15
+ } & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export { Radio } from './Radio';
@@ -4,3 +4,4 @@ export { TextArea } from "./TextArea";
4
4
  export { Button } from "./Button";
5
5
  export { Checkbox } from "./Checkbox";
6
6
  export { Dropdown } from "./Dropdown";
7
+ export { Radio } from "./Radio";
package/lib/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { Alert, Card, Icon, Nav, Pill, Typography } from "./components/atoms";
2
- export { InfoCard, Input, TextArea, Button, Checkbox, Dropdown, } from "./components/molecules";
1
+ export { Alert, Card, Icon, Nav, Pill, Typography, Spinner, } from "./components/atoms";
2
+ export { InfoCard, Input, TextArea, Button, Checkbox, Dropdown, Radio } from "./components/molecules";
3
3
  export { GlobalStyles as IntegrigoUI, Color } from "./styles";
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,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};
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,t=arguments.length;r<t;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}).apply(this,arguments)};function __rest(n,e){var r={};for(o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(r[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var t=0,o=Object.getOwnPropertySymbols(n);t<o.length;t++)e.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(n,o[t])&&(r[o[t]]=n[o[t]]);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$m,templateObject_1$l,templateObject_1$k,templateObject_1$j,templateObject_1$i,templateObject_2$8,templateObject_1$h,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_2$7,templateObject_1$c,templateObject_1$b,templateObject_2$6,templateObject_1$a,templateObject_2$5,templateObject_3$3,templateObject_1$9,templateObject_2$4,templateObject_3$2,templateObject_1$8,templateObject_2$3,templateObject_3$1,templateObject_4$1,templateObject_1$7,templateObject_1$6,templateObject_2$2,templateObject_3,templateObject_4,templateObject_1$5,templateObject_1$4,templateObject_1$3,templateObject_2$1,templateObject_1$2,templateObject_1$1,Size,templateObject_1,templateObject_2,GlobalStyles=createGlobalStyle(templateObject_1$m=templateObject_1$m||__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$l=templateObject_1$l||__makeTemplateObject(["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"],["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"]),function(n){return"inline"===n.position?"\n position: relative;\n display: flex;\n align-items: center;\n ":"\n position: absolute;\n left: 0;\n z-index: 10;\n bottom: calc(100% - ".concat(fieldSizeVariants[n.sizeVariant].font," - 4px);\n ")},function(n){return n.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(n){return fieldSizeVariants[n.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled.div(templateObject_1$k=templateObject_1$k||__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,t=n.size,t=void 0===t?"ultra-small":t,n=__rest(n,["className","type","size"]),r=iconHashMap[r],t="string"==typeof t?sizeHashMap[t]:t;return React.createElement(r,__assign({className:e,fill:Color.Navy},t,n))},sizeVariant$3={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,t=n.direction,o=n.colorVariant,o=void 0===o?"grey":o,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===t?"ltr":t,clickable:!!n&&!e,size:a,narrow:"ghost"===o},React.createElement(Icon,{type:r,size:{width:sizeVariant$3[a].size,height:sizeVariant$3[a].size},fill:i[o],onClick:n})):null},IconWrapper=styled.div(templateObject_1$j=templateObject_1$j||__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$3[n.size].offset},function(n){return sizeVariant$3[n.size].size},function(n){return sizeVariant$3[n.size].size},function(n){return n.clickable?"pointer":"auto"},function(n){return("ltr"===n.direction?"left: ":"right: ").concat(n.narrow?0:sizeVariant$3[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,t=n.size,o=n.controlled,o=void 0!==o&&o,a=n.onClose,n=n.children;return void 0===r||r||!o?React.createElement(AlertWrapper,{type:e,sizeVariant:void 0===t?"m":t},React.createElement(Icon,{fill:colorVariants[e].color,size:"ultra-small",type:iconVariants[e]})," ",n,o&&React.createElement(CloseIcon,null,React.createElement(Icon,{size:"ultra-small",type:"close",fill:Color.Grey60,onClick:a}))):null},AlertWrapper=styled.div(templateObject_1$i=templateObject_1$i||__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$8=templateObject_2$8||__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$h=templateObject_1$h||__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$g=templateObject_1$g||__makeTemplateObject(["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"],["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"]),function(n){return"var(--color-".concat(n.variant,")")})),Body=(Pill.displayName="Pill",styled.p(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n 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$e=templateObject_1$e||__makeTemplateObject([""],[""])),gapSizeVariant=(Header.displayName="Header",{xxl:"12px",xl:"10px",l:"4px",m:"4px",s:"2px"}),Label=function(n){var e=n.text,r=n.size,n=n.children;return React.createElement(LabelContainer,{sizeVariant:r},n,React.createElement(LabelText,{size:r},e))},LabelContainer=styled.label(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"]),function(n){return gapSizeVariant[n.sizeVariant||"m"]}),LabelText=styled.span(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"],["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")}),Typography={Body:Body,Hero:Hero,Label:Label},Nav=styled.nav(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),Spinner=(Nav.displayName="Nav",function(n,e){n=__rest(n,[]);return React.createElement(SpinnerIcon,__assign({type:"process",ref:e},n))}),rotate=keyframes(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"])),SpinnerIcon=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),InfoCard=function(n){var e=n.title,r=n.body,t=n.background,o=n.inverse,o=void 0!==o&&o,n=n.size,n=void 0===n?"l":n;return React.createElement(Root,null,t&&React.createElement(Background,null,t),React.createElement(CardBody,{inverse:o},React.createElement(Hero,{size:n},e),React.createElement(Body,{size:n},r)))},Root=styled.div(templateObject_1$a=templateObject_1$a||__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$9=templateObject_1$9||__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$8=templateObject_1$8||__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$2=React.forwardRef(function(n,e){var r=n.icon,t=n.label,o=n.size,o=void 0===o?"m":o,a=n.onIconClick,i=n.field,n=__rest(n,["icon","label","size","onIconClick","field"]);return React.createElement(FieldWrapper,{withLabel:Boolean(t),sizeVariant:o},t&&React.createElement(FieldLabel,{sizeVariant:o},React.createElement(Label,{text:t})),"rtl"!==n.direction&&React.createElement(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:a,size:o}),React.createElement(InputElement,__assign({ref:e,sizeVariant:o},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$2.displayName="Input",function(n){return React.createElement(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled.textarea(templateObject_1$7=templateObject_1$7||__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 t=sizeVariants[r=void 0===r?"m":r].iconPadding,o=sizeVariants[r].ghostPadding;switch(n){case"ltr":return css(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n ","\n padding-left: ",";\n "],["\n ","\n padding-left: ",";\n "]),!e&&"padding-right: ".concat(t,";"),e?o:t);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(t,";"),e?o:t);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$5=templateObject_1$5||__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$4=templateObject_1$4||__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$2={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,t=n.size,t=void 0===t?"m":t,o=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:t,ghost:Boolean(n.ghost)},React.createElement(IconAddition,{icon:r,size:t,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:o})),React.createElement(c,{sizeVariant:t,ghost:n.ghost,disabled:n.disabled,direction:r&&(a||"ltr")},i),"rtl"===a&&React.createElement(IconOffset,{size:t,ghost:Boolean(n.ghost),right:!0},React.createElement(IconAddition,{icon:r,size:t,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:a,onClick:o})))}),ButtonWrapper=styled.button(templateObject_1$3=templateObject_1$3||__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$2[n.size])})),sizeVariant$1=(IconOffset.displayName="IconOffset",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px"}}),Checkbox=React.forwardRef(function(n,e){var r=n.size,r=void 0===r?"m":r,t=n.label,t=void 0===t?"":t,n=__rest(n,["size","label"]);return React.createElement(FieldLabel,{sizeVariant:r,position:"inline",disabled:n.disabled},React.createElement(Label,{size:r,text:t},React.createElement(Input$1,__assign({ref:e,type:"checkbox",sizeVariant:r},n))))}),Input$1=styled.input(templateObject_1$2=templateObject_1$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$1[n.sizeVariant].border," solid var(--shades-of-grey-40);\n border-radius: ").concat(sizeVariant$1[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$1[n.sizeVariant].size,";\n height: ").concat(sizeVariant$1[n.sizeVariant].size,";\n ")},function(n){return"\n border-radius: ".concat(sizeVariant$1[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$1[n.sizeVariant].size,";\n height: ").concat(sizeVariant$1[n.sizeVariant].size,";\n left: calc(-1 * ").concat(sizeVariant$1[n.sizeVariant].border,");\n top: calc(-1 * ").concat(sizeVariant$1[n.sizeVariant].border,");\n ")},function(n){return sizeVariant$1[n.sizeVariant].tickSize},function(n){return sizeVariant$1[n.sizeVariant].tickSize}),Option=(Input$1.displayName="Input",function(n){n=n.children;return React.createElement("option",null,n)}),Dropdown=React.forwardRef(function(n,e){var r=n.children,t=n.label,o=n.size,o=void 0===o?"m":o,n=__rest(n,["children","label","size"]);return React.createElement(FieldWrapper,{withLabel:Boolean(t),sizeVariant:o},t&&React.createElement(FieldLabel,{sizeVariant:o,disabled:n.disabled},React.createElement(Label,{text:t})),React.createElement(IconAddition,{icon:"angle-down",disabled:n.disabled,direction:"rtl",size:o}),React.createElement(Select,__assign({ref:e,sizeVariant:o},n),React.createElement("option",{disabled:!0,selected:!0},n.placeholder),r))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled.select(templateObject_1$1=templateObject_1$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)}),sizeVariant=(Select.displayName="Select",!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(Size=Size||{}),{xl:{size:"30px",border:"4px",gap:"10px",fontSize:"20px",lineHeight:"30px",checkmarkBefore:{width:"3px",height:"16px",left:"11px",top:"2px"},checkmarkAfter:{width:"6px",height:"3px",left:"6px",top:"15px"}},l:{size:"24px",border:"3px",gap:"8px",fontSize:"16px",lineHeight:"24px",checkmarkBefore:{width:"3px",height:"12px",left:"10px",top:"2px"},checkmarkAfter:{width:"5px",height:"3px",left:"5px",top:"11px"}},m:{size:"18px",border:"2.5px",gap:"6px",fontSize:"12px",lineHeight:"18px",checkmarkBefore:{width:"2px",height:"10px",left:"7px",top:"0px"},checkmarkAfter:{width:"5px",height:"2px",left:"4px",top:"9px"}},s:{size:"12px",border:"2px",gap:"4px",fontSize:"8px",lineHeight:"12px",checkmarkBefore:{width:"1px",height:"6px",left:"4px",top:"1px"},checkmarkAfter:{width:"2px",height:"1px",left:"2px",top:"6px"}}}),Radio=React.forwardRef(function(n,e){var r=n.size,r=void 0===r?Size.m:r,t=n.label,t=void 0===t?"":t,n=__rest(n,["size","label"]);return React.createElement(FieldLabel,{sizeVariant:r,position:"inline",disabled:n.disabled},React.createElement(Label,{size:r,text:t},React.createElement(Input,__assign({ref:e,type:"radio",sizeVariant:r},n)),React.createElement(Checkmark,{"data-testid":"checkmark",sizeVariant:r})))}),Input=styled.input(templateObject_1=templateObject_1||__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"])),Checkmark=(Input.displayName="Input",styled.span(templateObject_2=templateObject_2||__makeTemplateObject(["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"],["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant[n.sizeVariant].border," solid var(--shades-of-grey-40);\n width: ").concat(sizeVariant[n.sizeVariant].size,";\n height: ").concat(sizeVariant[n.sizeVariant].size,";\n ")},function(n){return"\n width: ".concat(sizeVariant[n.sizeVariant].checkmarkBefore.width,";\n height: ").concat(sizeVariant[n.sizeVariant].checkmarkBefore.height,";\n left: ").concat(sizeVariant[n.sizeVariant].checkmarkBefore.left,";\n top: ").concat(sizeVariant[n.sizeVariant].checkmarkBefore.top,";\n ")},function(n){return"\n width: ".concat(sizeVariant[n.sizeVariant].checkmarkAfter.width,";\n height: ").concat(sizeVariant[n.sizeVariant].checkmarkAfter.height,";\n left: ").concat(sizeVariant[n.sizeVariant].checkmarkAfter.left,";\n top: ").concat(sizeVariant[n.sizeVariant].checkmarkAfter.top,";\n ")},Input,Input,Input,Input,Input,Input,Input,Input));Checkmark.displayName="Checkmark";export{Alert,Button,Card,Checkbox,Color,DropdownWithStatic as Dropdown,Icon,InfoCard,Input$2 as Input,GlobalStyles as IntegrigoUI,Nav,Pill,Radio,Spinner,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,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;
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$m,templateObject_1$l,templateObject_1$k,templateObject_1$j,templateObject_1$i,templateObject_2$8,templateObject_1$h,templateObject_1$g,templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_2$7,templateObject_1$c,templateObject_1$b,templateObject_2$6,templateObject_1$a,templateObject_2$5,templateObject_3$3,templateObject_1$9,templateObject_2$4,templateObject_3$2,templateObject_1$8,templateObject_2$3,templateObject_3$1,templateObject_4$1,templateObject_1$7,templateObject_1$6,templateObject_2$2,templateObject_3,templateObject_4,templateObject_1$5,templateObject_1$4,templateObject_1$3,templateObject_2$1,templateObject_1$2,templateObject_1$1,Size,templateObject_1,templateObject_2,GlobalStyles=styled.createGlobalStyle(templateObject_1$m=templateObject_1$m||__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$l=templateObject_1$l||__makeTemplateObject(["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"],["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"]),function(e){return"inline"===e.position?"\n position: relative;\n display: flex;\n align-items: center;\n ":"\n position: absolute;\n left: 0;\n z-index: 10;\n bottom: calc(100% - ".concat(fieldSizeVariants[e.sizeVariant].font," - 4px);\n ")},function(e){return e.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(e){return fieldSizeVariants[e.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled__default.default.div(templateObject_1$k=templateObject_1$k||__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$3={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$3[o].size,height:sizeVariant$3[o].size},fill:i[r],onClick:e})):null},IconWrapper=styled__default.default.div(templateObject_1$j=templateObject_1$j||__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$3[e.size].offset},function(e){return sizeVariant$3[e.size].size},function(e){return sizeVariant$3[e.size].size},function(e){return e.clickable?"pointer":"auto"},function(e){return("ltr"===e.direction?"left: ":"right: ").concat(e.narrow?0:sizeVariant$3[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$i=templateObject_1$i||__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$8=templateObject_2$8||__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$h=templateObject_1$h||__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$g=templateObject_1$g||__makeTemplateObject(["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"],["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"]),function(e){return"var(--color-".concat(e.variant,")")})),Body=(Pill.displayName="Pill",styled__default.default.p(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n 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$e=templateObject_1$e||__makeTemplateObject([""],[""])),gapSizeVariant=(Header.displayName="Header",{xxl:"12px",xl:"10px",l:"4px",m:"4px",s:"2px"}),Label=function(e){var n=e.text,t=e.size,e=e.children;return React__default.default.createElement(LabelContainer,{sizeVariant:t},e,React__default.default.createElement(LabelText,{size:t},n))},LabelContainer=styled__default.default.label(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"]),function(e){return gapSizeVariant[e.sizeVariant||"m"]}),LabelText=styled__default.default.span(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"],["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")}),Typography={Body:Body,Hero:Hero,Label:Label},Nav=styled__default.default.nav(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(e){return e.active?"var(--font-bold)":"var(--font-medium)"},function(e){return e.active?"auto":"var(--color-green)"}),Spinner=(Nav.displayName="Nav",function(e,n){e=__rest(e,[]);return React__default.default.createElement(SpinnerIcon,__assign({type:"process",ref:n},e))}),rotate=styled.keyframes(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"])),SpinnerIcon=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),InfoCard=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$a=templateObject_1$a||__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$9=templateObject_1$9||__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$8=templateObject_1$8||__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$2=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},a&&React__default.default.createElement(FieldLabel,{sizeVariant:r},React__default.default.createElement(Label,{text: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$2.displayName="Input",function(e){return React__default.default.createElement(TextAreaElement,__assign({rows:4},e))}),TextAreaElement=styled__default.default.textarea(templateObject_1$7=templateObject_1$7||__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$6=templateObject_1$6||__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$5=templateObject_1$5||__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$4=templateObject_1$4||__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$2={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$3=templateObject_1$3||__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$2[e.size])})),sizeVariant$1=(IconOffset.displayName="IconOffset",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px"}}),Checkbox=React__default.default.forwardRef(function(e,n){var t=e.size,t=void 0===t?"m":t,a=e.label,a=void 0===a?"":a,e=__rest(e,["size","label"]);return React__default.default.createElement(FieldLabel,{sizeVariant:t,position:"inline",disabled:e.disabled},React__default.default.createElement(Label,{size:t,text:a},React__default.default.createElement(Input$1,__assign({ref:n,type:"checkbox",sizeVariant:t},e))))}),Input$1=styled__default.default.input(templateObject_1$2=templateObject_1$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$1[e.sizeVariant].border," solid var(--shades-of-grey-40);\n border-radius: ").concat(sizeVariant$1[e.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$1[e.sizeVariant].size,";\n height: ").concat(sizeVariant$1[e.sizeVariant].size,";\n ")},function(e){return"\n border-radius: ".concat(sizeVariant$1[e.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$1[e.sizeVariant].size,";\n height: ").concat(sizeVariant$1[e.sizeVariant].size,";\n left: calc(-1 * ").concat(sizeVariant$1[e.sizeVariant].border,");\n top: calc(-1 * ").concat(sizeVariant$1[e.sizeVariant].border,");\n ")},function(e){return sizeVariant$1[e.sizeVariant].tickSize},function(e){return sizeVariant$1[e.sizeVariant].tickSize}),Option=(Input$1.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},a&&React__default.default.createElement(FieldLabel,{sizeVariant:r,disabled:e.disabled},React__default.default.createElement(Label,{text: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$1=templateObject_1$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)}),sizeVariant=(Select.displayName="Select",!function(e){e.xl="xl",e.l="l",e.m="m",e.s="s"}(Size=Size||{}),{xl:{size:"30px",border:"4px",gap:"10px",fontSize:"20px",lineHeight:"30px",checkmarkBefore:{width:"3px",height:"16px",left:"11px",top:"2px"},checkmarkAfter:{width:"6px",height:"3px",left:"6px",top:"15px"}},l:{size:"24px",border:"3px",gap:"8px",fontSize:"16px",lineHeight:"24px",checkmarkBefore:{width:"3px",height:"12px",left:"10px",top:"2px"},checkmarkAfter:{width:"5px",height:"3px",left:"5px",top:"11px"}},m:{size:"18px",border:"2.5px",gap:"6px",fontSize:"12px",lineHeight:"18px",checkmarkBefore:{width:"2px",height:"10px",left:"7px",top:"0px"},checkmarkAfter:{width:"5px",height:"2px",left:"4px",top:"9px"}},s:{size:"12px",border:"2px",gap:"4px",fontSize:"8px",lineHeight:"12px",checkmarkBefore:{width:"1px",height:"6px",left:"4px",top:"1px"},checkmarkAfter:{width:"2px",height:"1px",left:"2px",top:"6px"}}}),Radio=React__default.default.forwardRef(function(e,n){var t=e.size,t=void 0===t?Size.m:t,a=e.label,a=void 0===a?"":a,e=__rest(e,["size","label"]);return React__default.default.createElement(FieldLabel,{sizeVariant:t,position:"inline",disabled:e.disabled},React__default.default.createElement(Label,{size:t,text:a},React__default.default.createElement(Input,__assign({ref:n,type:"radio",sizeVariant:t},e)),React__default.default.createElement(Checkmark,{"data-testid":"checkmark",sizeVariant:t})))}),Input=styled__default.default.input(templateObject_1=templateObject_1||__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"])),Checkmark=(Input.displayName="Input",styled__default.default.span(templateObject_2=templateObject_2||__makeTemplateObject(["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"],["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"]),function(e){return"\n border: ".concat(sizeVariant[e.sizeVariant].border," solid var(--shades-of-grey-40);\n width: ").concat(sizeVariant[e.sizeVariant].size,";\n height: ").concat(sizeVariant[e.sizeVariant].size,";\n ")},function(e){return"\n width: ".concat(sizeVariant[e.sizeVariant].checkmarkBefore.width,";\n height: ").concat(sizeVariant[e.sizeVariant].checkmarkBefore.height,";\n left: ").concat(sizeVariant[e.sizeVariant].checkmarkBefore.left,";\n top: ").concat(sizeVariant[e.sizeVariant].checkmarkBefore.top,";\n ")},function(e){return"\n width: ".concat(sizeVariant[e.sizeVariant].checkmarkAfter.width,";\n height: ").concat(sizeVariant[e.sizeVariant].checkmarkAfter.height,";\n left: ").concat(sizeVariant[e.sizeVariant].checkmarkAfter.left,";\n top: ").concat(sizeVariant[e.sizeVariant].checkmarkAfter.top,";\n ")},Input,Input,Input,Input,Input,Input,Input,Input));Checkmark.displayName="Checkmark",exports.Alert=Alert,exports.Button=Button,exports.Card=Card,exports.Checkbox=Checkbox,exports.Dropdown=DropdownWithStatic,exports.Icon=Icon,exports.InfoCard=InfoCard,exports.Input=Input$2,exports.IntegrigoUI=GlobalStyles,exports.Nav=Nav,exports.Pill=Pill,exports.Radio=Radio,exports.Spinner=Spinner,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.17",
6
+ "version": "1.6.1",
7
7
  "main": "lib/index.js",
8
8
  "module": "lib/index.esm.js",
9
9
  "types": "lib/index.d.ts",
@@ -11,6 +11,7 @@
11
11
  "license": "MIT",
12
12
  "devDependencies": {
13
13
  "@babel/core": "^7.17.5",
14
+ "@babel/preset-typescript": "^7.18.6",
14
15
  "@rollup/plugin-commonjs": "^21.0.2",
15
16
  "@rollup/plugin-node-resolve": "^13.1.3",
16
17
  "@storybook/addon-actions": "^6.4.19",
@@ -19,18 +20,25 @@
19
20
  "@storybook/addon-links": "^6.4.19",
20
21
  "@storybook/react": "^6.4.19",
21
22
  "@storybook/testing-library": "^0.0.9",
23
+ "@testing-library/jest-dom": "^5.16.4",
24
+ "@testing-library/react": "^13.3.0",
25
+ "@testing-library/user-event": "^14.3.0",
22
26
  "@types/react": "^17.0.39",
23
27
  "@types/styled-components": "^5.1.23",
24
28
  "babel-loader": "^8.2.3",
29
+ "jest": "^28.1.3",
30
+ "jest-environment-jsdom": "^28.1.3",
25
31
  "postcss": "^8.4.7",
26
32
  "react": "^18.1.0",
27
33
  "react-dom": "^18.1.0",
34
+ "react-test-renderer": "^18.2.0",
28
35
  "rollup": "^2.69.0",
29
36
  "rollup-plugin-peer-deps-external": "^2.2.4",
30
37
  "rollup-plugin-postcss": "^4.0.2",
31
38
  "rollup-plugin-typescript2": "^0.31.2",
32
39
  "rollup-plugin-uglify": "^6.0.4",
33
40
  "styled-components": "^5.3.3",
41
+ "ts-jest": "^28.0.7",
34
42
  "typescript": "^4.5.5"
35
43
  },
36
44
  "dependencies": {
@@ -44,7 +52,9 @@
44
52
  "scripts": {
45
53
  "storybook": "start-storybook -p 6006 -c ./src/.storybook",
46
54
  "build-storybook": "build-storybook",
47
- "build": "rollup -c"
55
+ "build": "rollup -c",
56
+ "test": "jest",
57
+ "update:snapshot": "jest --updateSnapshot"
48
58
  },
49
59
  "exports": {
50
60
  ".": "./lib/index.js",