@integrigo/integrigo-ui 1.3.10 → 1.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/lib/components/atoms/Button/BasicButton.d.ts +6 -0
  2. package/lib/components/atoms/Button/Button.d.ts +8 -3
  3. package/lib/components/atoms/Button/Ghost.d.ts +6 -0
  4. package/lib/components/atoms/Button/Primary.d.ts +4 -0
  5. package/lib/components/atoms/Icon/Icon.d.ts +16 -12
  6. package/lib/components/atoms/Icon/IconAddition.d.ts +11 -0
  7. package/lib/components/atoms/Icon/icons/Bars.d.ts +1 -1
  8. package/lib/components/atoms/Icon/icons/Envelope.d.ts +1 -1
  9. package/lib/components/atoms/Icon/icons/Facebook.d.ts +1 -1
  10. package/lib/components/atoms/Icon/icons/Instagram.d.ts +1 -1
  11. package/lib/components/atoms/Icon/icons/Linkedin.d.ts +1 -1
  12. package/lib/components/atoms/Icon/icons/Minus.d.ts +1 -1
  13. package/lib/components/atoms/Icon/icons/Phone.d.ts +1 -1
  14. package/lib/components/atoms/Icon/icons/Plus.d.ts +1 -1
  15. package/lib/components/atoms/Icon/icons/UserCircle.d.ts +1 -1
  16. package/lib/components/atoms/Icon/index.d.ts +2 -0
  17. package/lib/components/atoms/index.d.ts +0 -2
  18. package/lib/components/molecules/Button/BasicButton.d.ts +7 -0
  19. package/lib/components/molecules/Button/Button.d.ts +11 -0
  20. package/lib/components/molecules/Button/Ghost.d.ts +8 -0
  21. package/lib/components/molecules/Button/Primary.d.ts +5 -0
  22. package/lib/components/molecules/Button/index.d.ts +1 -0
  23. package/lib/components/molecules/Input/Input.d.ts +17 -0
  24. package/lib/components/molecules/Input/index.d.ts +1 -0
  25. package/lib/components/molecules/TextArea/TextArea.d.ts +6 -0
  26. package/lib/components/molecules/TextArea/index.d.ts +1 -0
  27. package/lib/components/molecules/index.d.ts +4 -1
  28. package/lib/helpers/validation.d.ts +3 -0
  29. package/lib/index.d.ts +3 -3
  30. package/lib/index.esm.js +1 -1
  31. package/lib/index.esm.js.map +1 -1
  32. package/lib/index.js +1 -1
  33. package/lib/styles/colors.d.ts +17 -1
  34. package/lib/styles/index.d.ts +1 -1
  35. package/lib/types/validation.d.ts +1 -0
  36. package/package.json +2 -7
@@ -0,0 +1,6 @@
1
+ import { FlattenSimpleInterpolation } from "styled-components";
2
+ export declare const getDirectionPadding: (direction?: "rtl" | "ltr" | undefined, ghost?: boolean | undefined) => FlattenSimpleInterpolation;
3
+ export declare const BasicButton: import("styled-components").StyledComponent<"button", any, {
4
+ direction?: "rtl" | "ltr" | undefined;
5
+ ghost?: boolean | undefined;
6
+ }, never>;
@@ -1,7 +1,12 @@
1
1
  import React from "react";
2
- export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
2
+ import { IconType } from "../Icon";
3
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
4
  primary?: boolean;
4
5
  ghost?: boolean;
5
- size?: "small" | "medium" | "large";
6
+ icon?: IconType;
7
+ direction?: "rtl" | "ltr";
8
+ size?: "ultra-small" | "small" | "medium" | "big";
9
+ children: string;
10
+ onIconClick?: () => void;
6
11
  }
7
- export declare const Button: import("styled-components").StyledComponent<"button", any, Omit<ButtonProps, "label">, never>;
12
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,6 @@
1
+ export declare const Ghost: import("styled-components").StyledComponent<"button", any, {
2
+ direction?: "ltr" | "rtl" | undefined;
3
+ ghost?: boolean | undefined;
4
+ } & {
5
+ direction?: "ltr" | "rtl" | undefined;
6
+ }, never>;
@@ -0,0 +1,4 @@
1
+ export declare const Primary: import("styled-components").StyledComponent<"button", any, {
2
+ direction?: "ltr" | "rtl" | undefined;
3
+ ghost?: boolean | undefined;
4
+ }, never>;
@@ -1,18 +1,22 @@
1
1
  import React from "react";
2
2
  export declare const iconHashMap: {
3
- bars: React.FC<{}>;
4
- envelope: React.FC<{}>;
5
- facebook: React.FC<{}>;
6
- instagram: React.FC<{}>;
7
- linkedin: React.FC<{}>;
8
- minus: React.FC<{}>;
9
- phone: React.FC<{}>;
10
- plus: React.FC<{}>;
11
- "user-circle": React.FC<{}>;
3
+ bars: React.FCS<{}>;
4
+ envelope: React.FCS<{}>;
5
+ facebook: React.FCS<{}>;
6
+ instagram: React.FCS<{}>;
7
+ linkedin: React.FCS<{}>;
8
+ minus: React.FCS<{}>;
9
+ phone: React.FCS<{}>;
10
+ plus: React.FCS<{}>;
11
+ "user-circle": React.FCS<{}>;
12
12
  };
13
+ export declare type IconType = keyof typeof iconHashMap;
13
14
  declare type IconProps = React.SVGProps<SVGSVGElement> & {
14
- type: keyof typeof iconHashMap;
15
- size?: "ultra-small" | "small" | "medium" | "big";
15
+ type: IconType;
16
+ size?: "ultra-small" | "small" | "medium" | "big" | {
17
+ width: number;
18
+ height: number;
19
+ };
16
20
  };
17
- export declare const Icon: React.FC<IconProps>;
21
+ export declare const Icon: React.FCS<IconProps>;
18
22
  export {};
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { IconType } from "./Icon";
3
+ interface IconAdditionProps {
4
+ disabled?: boolean;
5
+ icon?: IconType;
6
+ direction?: "rtl" | "ltr";
7
+ colorVariant?: 'grey' | 'white' | 'ghost';
8
+ onClick?: () => void;
9
+ }
10
+ export declare const IconAddition: React.FC<IconAdditionProps>;
11
+ export {};
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Bars: React.FC;
2
+ declare const Bars: React.FCS;
3
3
  export default Bars;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Envelope: React.FC;
2
+ declare const Envelope: React.FCS;
3
3
  export default Envelope;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Facebook: React.FC;
2
+ declare const Facebook: React.FCS;
3
3
  export default Facebook;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Instagram: React.FC;
2
+ declare const Instagram: React.FCS;
3
3
  export default Instagram;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Linkedin: React.FC;
2
+ declare const Linkedin: React.FCS;
3
3
  export default Linkedin;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Minus: React.FC;
2
+ declare const Minus: React.FCS;
3
3
  export default Minus;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Phone: React.FC;
2
+ declare const Phone: React.FCS;
3
3
  export default Phone;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const Plus: React.FC;
2
+ declare const Plus: React.FCS;
3
3
  export default Plus;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const UserCircle: React.FC;
2
+ declare const UserCircle: React.FCS;
3
3
  export default UserCircle;
@@ -1 +1,3 @@
1
1
  export { Icon } from './Icon';
2
+ export { IconAddition } from './IconAddition';
3
+ export type { IconType } from './Icon';
@@ -1,7 +1,5 @@
1
- export { Button } from './Button';
2
1
  export { Card } from './Card';
3
2
  export { Icon } from './Icon';
4
- export { Input } from './Input';
5
3
  export { Pill } from './Pill';
6
4
  export { Typography } from './Typography';
7
5
  export { Nav } from './Nav';
@@ -0,0 +1,7 @@
1
+ import { FlattenSimpleInterpolation } from "styled-components";
2
+ export declare const getDirectionPadding: (direction?: "rtl" | "ltr" | undefined, ghost?: boolean | undefined) => FlattenSimpleInterpolation;
3
+ export declare const BasicButton: import("styled-components").StyledComponent<"div", any, {
4
+ direction?: "rtl" | "ltr" | undefined;
5
+ ghost?: boolean | undefined;
6
+ disabled?: boolean | undefined;
7
+ }, never>;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { IconType } from "../../atoms/Icon";
3
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
+ primary?: boolean;
5
+ ghost?: boolean;
6
+ icon?: IconType;
7
+ direction?: "rtl" | "ltr";
8
+ size?: "ultra-small" | "small" | "medium" | "big";
9
+ onIconClick?: () => void;
10
+ }
11
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,8 @@
1
+ export declare const Ghost: import("styled-components").StyledComponent<"div", any, {
2
+ direction?: "ltr" | "rtl" | undefined;
3
+ ghost?: boolean | undefined;
4
+ disabled?: boolean | undefined;
5
+ } & {
6
+ direction?: "ltr" | "rtl" | undefined;
7
+ disabled?: boolean | undefined;
8
+ }, never>;
@@ -0,0 +1,5 @@
1
+ export declare const Primary: import("styled-components").StyledComponent<"div", any, {
2
+ direction?: "ltr" | "rtl" | undefined;
3
+ ghost?: boolean | undefined;
4
+ disabled?: boolean | undefined;
5
+ }, never>;
@@ -0,0 +1 @@
1
+ export { Button } from './Button';
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ import { ValidationType } from "../../../types/validation";
3
+ import { IconType } from "../../atoms/Icon";
4
+ export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
5
+ validationType?: ValidationType;
6
+ icon?: IconType;
7
+ size?: "ultra-small" | "small" | "medium" | "big";
8
+ direction?: "ltr" | "rtl";
9
+ onIconClick?: () => void;
10
+ };
11
+ export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
12
+ validationType?: ValidationType | undefined;
13
+ icon?: "bars" | "envelope" | "facebook" | "instagram" | "linkedin" | "minus" | "phone" | "plus" | "user-circle" | undefined;
14
+ size?: "ultra-small" | "small" | "medium" | "big" | undefined;
15
+ direction?: "ltr" | "rtl" | undefined;
16
+ onIconClick?: (() => void) | undefined;
17
+ } & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export { Input } from './Input';
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { ValidationType } from "../../../types/validation";
3
+ export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
4
+ validationType?: ValidationType;
5
+ }
6
+ export declare const TextArea: React.FC<TextAreaProps>;
@@ -0,0 +1 @@
1
+ export { TextArea } from './TextArea';
@@ -1 +1,4 @@
1
- export { InfoCard } from './InfoCard';
1
+ export { InfoCard } from "./InfoCard";
2
+ export { Input } from "./Input";
3
+ export { TextArea } from "./TextArea";
4
+ export { Button } from "./Button";
@@ -0,0 +1,3 @@
1
+ import { FlattenSimpleInterpolation } from "styled-components";
2
+ import { ValidationType } from "../types/validation";
3
+ export declare const getValidationTypeProps: (type?: ValidationType | undefined) => FlattenSimpleInterpolation;
package/lib/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { Button, Card, Icon, Input, Nav, Pill, Typography } from './components/atoms';
2
- export { InfoCard } from './components/molecules';
3
- export { GlobalStyles as IntegrigoUI, Color } from './styles';
1
+ export { Card, Icon, Nav, Pill, Typography } from "./components/atoms";
2
+ export { InfoCard, Input, TextArea, Button } from "./components/molecules";
3
+ export { GlobalStyles as IntegrigoUI, Color } from "./styles";
package/lib/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import styled,{createGlobalStyle}from"styled-components";import React from"react";var __assign=function(){return(__assign=Object.assign||function(n){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}).apply(this,arguments)};function __rest(n,e){var t={};for(o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(t[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,o=Object.getOwnPropertySymbols(n);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(n,o[a])&&(t[o[a]]=n[o[a]]);return t}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_1$6,templateObject_1$5,templateObject_1$4,templateObject_1$3,templateObject_1$2,templateObject_1$1,templateObject_2,templateObject_3,Color,templateObject_1,Button=styled.button(templateObject_1$9=templateObject_1$9||__makeTemplateObject(['\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\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: ',";\n border: ",";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ",";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ",";\n border: ",";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"],['\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\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: ',";\n border: ",";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ",";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ",";\n border: ",";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"]),function(n){return n.primary&&!n.ghost?"var(--color-orange)":"transparent"},function(n){return n.ghost?"none":"2px solid var(--color-orange)"},function(n){return n.primary&&!n.ghost?"var(--color-white)":"var(--color-navy)"},function(n){return n.primary&&!n.ghost?"var(--color-green)":"transparent"},function(n){return n.ghost?"none":"2px solid var(--color-green)"}),Card=(Button.displayName="Button",styled.div(templateObject_1$8=templateObject_1$8||__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)"})),Bars=(Card.displayName="Card",function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))}),Envelope=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(n){return React.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.type,t=n.size,t=void 0===t?"ultra-small":t,n=__rest(n,["type","size"]),e=iconHashMap[e],t=sizeHashMap[t];return React.createElement(e,__assign({},t,n))},Input=styled.input(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n background-color: var(--color-orange-transparent);\n border: 2px solid transparent;\n border-radius: var(--padding-xl);\n padding: var(--padding-l);\n position: relative;\n overflow: hidden;\n color: var(--color-navy);\n font-weight: var(--font-bold);\n\n &:focus, &:active {\n outline: none;\n border: 2px solid var(--color-green);\n }\n"],["\n background-color: var(--color-orange-transparent);\n border: 2px solid transparent;\n border-radius: var(--padding-xl);\n padding: var(--padding-l);\n position: relative;\n overflow: hidden;\n color: var(--color-navy);\n font-weight: var(--font-bold);\n\n &:focus, &:active {\n outline: none;\n border: 2px solid var(--color-green);\n }\n"])),Pill=(Input.displayName="Input",styled.div(templateObject_1$6=templateObject_1$6||__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$5=templateObject_1$5||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n"],["\n font-size: ",";\n line-height: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(n){var e=n.size,n=n.children;return React.createElement(Header,{as:SIZE_MAP[void 0===e?"l":e]},n)},Header=styled.h1(templateObject_1$4=templateObject_1$4||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled.span(templateObject_1$3=templateObject_1$3||__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$2=templateObject_1$2||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(n){var e=n.title,t=n.body,a=n.background,o=n.inverse,o=void 0!==o&&o,n=n.size,n=void 0===n?"l":n;return React.createElement(Root,null,a&&React.createElement(Background,null,a),React.createElement(CardBody,{inverse:o},React.createElement(Hero,{size:n},e),React.createElement(Body,{size:n},t)))}),Root=styled.div(templateObject_1$1=templateObject_1$1||__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=templateObject_2||__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=templateObject_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"]))),GlobalStyles=(Background.displayName="Background",!function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A"}(Color=Color||{}),createGlobalStyle(templateObject_1=templateObject_1||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;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 --color-orange-translucent: ","80;\n --color-orange-transparent: ","33;\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: 800;\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,800;1,200;1,300;1,600;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 --color-orange-translucent: ","80;\n --color-orange-transparent: ","33;\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: 800;\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.Orange,Color.Orange));export{Button,Card,Color,Icon,InfoCard,Input,GlobalStyles as IntegrigoUI,Nav,Pill,Typography};
1
+ import styled,{createGlobalStyle,css}from"styled-components";import React from"react";var __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}var templateObject_1$f,Color,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_1$a,templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_2$3,templateObject_3$3,templateObject_1$6,templateObject_2$2,templateObject_3$2,templateObject_1$5,templateObject_2$1,templateObject_3$1,templateObject_4$1,templateObject_5,templateObject_1$4,templateObject_1$3,templateObject_2,templateObject_3,templateObject_4,templateObject_1$2,templateObject_1$1,templateObject_1,Card=styled.div(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n background-color: ",";\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n color: ",";\n padding: var(--padding-xl);\n border-radius: 24px;\n"],["\n background-color: ",";\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n color: ",";\n padding: var(--padding-xl);\n border-radius: 24px;\n"]),function(n){return n.inverse?"var(--color-navy)":"var(--color-white)"},function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"}),GlobalStyles=(Card.displayName="Card",!function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A",n.Grey100="#1A1A1A",n.Grey80="#595959",n.Grey60="#8C8C8C",n.Grey40="#CCCCCC",n.Grey20="#F2F2F2",n.Grey0="#fff",n.Success100="#6B8B4A",n.Success20="#DDE4D7",n.Success10="#ECEFE8",n.Error100="#CF544B",n.Error20="#FFCCCC",n.Error10="#FFF5F5"}(Color=Color||{}),createGlobalStyle(templateObject_1$e=templateObject_1$e||__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)),Bars=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))},Envelope=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(n){return React.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(n){return React.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(n){return React.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},n),React.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.className,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))},IconAddition=function(n){var e=n.disabled,r=n.icon,o=n.direction,t=n.colorVariant,n=n.onClick,a={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},React.createElement(Icon,{type:r,size:{width:24,height:24},fill:a[void 0===t?"grey":t],onClick:n})):null},IconWrapper=styled.div(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n position: absolute;\n z-index: 2;\n top: 16px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n }\n"],["\n position: absolute;\n z-index: 2;\n top: 16px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n }\n"]),function(n){return n.clickable?"pointer":"auto"},function(n){return"ltr"===n.direction?"left: 16px":"right: 16px"}),Pill=(IconWrapper.displayName="IconWrapper",styled.div(templateObject_1$c=templateObject_1$c||__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$b=templateObject_1$b||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n"],["\n font-size: ",";\n line-height: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(n){var e=n.size,n=n.children;return React.createElement(Header,{as:SIZE_MAP[void 0===e?"l":e]},n)},Header=styled.h1(templateObject_1$a=templateObject_1$a||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled.span(templateObject_1$9=templateObject_1$9||__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$8=templateObject_1$8||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(n){var e=n.title,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$7=templateObject_1$7||__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$3=templateObject_2$3||__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$6=templateObject_1$6||__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$2=templateObject_2$2||__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){switch(n){case"ltr":return css(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n padding-left: ",";\n "],["\n padding-left: ",";\n "]),"48px");case"rtl":return css(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n padding-right: ",";\n "],["\n padding-right: ",";\n "]),"48px");default:return css(templateObject_3$1=templateObject_3$1||__makeTemplateObject([""],[""]))}},Input=React.forwardRef(function(n,e){var r=n.icon,o=(n.size,n.onIconClick),n=__rest(n,["icon","size","onIconClick"]);return React.createElement(InputWrapper,null,"rtl"!==n.direction&&React.createElement(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:o}),React.createElement(InputElement,__assign({ref:e},n)),"rtl"===n.direction&&React.createElement(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:o}))}),InputWrapper=styled.div(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"])),InputElement=(InputWrapper.displayName="InputWrapper",styled.input(templateObject_5=templateObject_5||__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\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: 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\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 getValidationTypeProps(n.validationType)},function(n){return getDirectionPadding$1(n.direction)})),TextArea=(Input.displayName="Input",function(n){return React.createElement(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled.textarea(templateObject_1$4=templateObject_1$4||__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)}),getDirectionPadding=(TextAreaElement.displayName="TextAreaElement",function(n,e){var r="48px";switch(n){case"ltr":return css(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n ","\n padding-left: ",";\n "],["\n ","\n padding-left: ",";\n "]),!e&&"padding-right: ".concat(r,";"),r);case"rtl":return css(templateObject_2=templateObject_2||__makeTemplateObject(["\n ","\n padding-right: ",";\n "],["\n ","\n padding-right: ",";\n "]),!e&&"padding-left: ".concat(r,";"),r);default:return css(templateObject_3=templateObject_3||__makeTemplateObject([""],[""]))}}),BasicButton=styled.div(templateObject_4=templateObject_4||__makeTemplateObject(['\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: var(--shades-of-grey-100);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\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 opacity: 0.8;\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: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\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 opacity: 0.8;\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 getDirectionPadding(n.direction,n.ghost)},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 "}),getLeftAlignment=(BasicButton.displayName="BasicButton",function(n){return"ltr"!==n?"var(--padding-l)":"calc(var(--padding-l) - 8px)"}),Ghost=styled(BasicButton)(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n &::before {\n border: none;\n left: ",";\n top: 44px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\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 &::before {\n border: none;\n left: ",";\n top: 44px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\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 getLeftAlignment(n.direction)},function(n){return"calc(100% - 2 * var(--padding-l) + ".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$1=templateObject_1$1||__makeTemplateObject(["\n color: var(--color-white);\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n color: var(--color-white);\n }\n\n ","\n"],["\n color: var(--color-white);\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n color: var(--color-white);\n }\n\n ","\n"]),function(n){return n.disabled&&"\n color: var(--shades-of-grey-60);\n\n &::before {\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: var(--shades-of-grey-60);\n border-color: var(--shades-of-grey-40);\n }\n "}),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,n.onIconClick),t=n.direction,a=n.children,n=__rest(n,["icon","size","onIconClick","direction","children"]),i=getButtonComponent(n.primary,n.ghost);return React.createElement(ButtonWrapper,__assign({ref:e,fullWidth:!n.ghost,orangeIconOnHover:!n.primary&&!n.disabled},n),"rtl"!==t&&React.createElement(IconAddition,{icon:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:t,onClick:o}),React.createElement(i,{ghost:n.ghost,disabled:n.disabled,direction:r&&(t||"ltr")},a),"rtl"===t&&React.createElement(IconAddition,{icon:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:n.disabled,direction:t,onClick:o}))}),ButtonWrapper=styled.button(templateObject_1=templateObject_1||__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 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"]),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)"});ButtonWrapper.displayName="ButtonWrapper";export{Button,Card,Color,Icon,InfoCard,Input,GlobalStyles as IntegrigoUI,Nav,Pill,TextArea,Typography};
2
2
  //# sourceMappingURL=index.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__makeTemplateObject","cooked","raw","defineProperty","value"],"mappings":"kFA+BO,IAAIA,SAAW,WAQlB,OAPAA,SAAWC,OAAOC,QAAU,SAAkBC,GAC1C,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KAAIN,EAAEM,GAAKL,EAAEK,IAE9E,OAAON,IAEKU,MAAMC,KAAMP,YAGzB,SAASQ,OAAOX,EAAGY,GACtB,IAAIb,EAAI,GACR,IAASM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBAC3B,IAAK,IAAIb,EAAI,EAAGI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,KAE1B,OAAOF,EAyJJ,SAASiB,qBAAqBC,EAAQC,GAEzC,OADIrB,OAAOsB,eAAkBtB,OAAOsB,eAAeF,EAAQ,MAAO,CAAEG,MAAOF,IAAiBD,EAAOC,IAAMA,EAClGD"}
1
+ {"version":3,"file":"index.esm.js","sources":["../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__makeTemplateObject","cooked","raw","defineProperty","value"],"mappings":"sFA+BO,IAAIA,SAAW,WAQlB,OAPAA,SAAWC,OAAOC,QAAU,SAAkBC,GAC1C,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KAAIN,EAAEM,GAAKL,EAAEK,IAE9E,OAAON,IAEKU,MAAMC,KAAMP,YAGzB,SAASQ,OAAOX,EAAGY,GACtB,IAAIb,EAAI,GACR,IAASM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBAC3B,IAAK,IAAIb,EAAI,EAAGI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,KAE1B,OAAOF,EAyJJ,SAASiB,qBAAqBC,EAAQC,GAEzC,OADIrB,OAAOsB,eAAkBtB,OAAOsB,eAAeF,EAAQ,MAAO,CAAEG,MAAOF,IAAiBD,EAAOC,IAAMA,EAClGD"}
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styled=require("styled-components"),React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var styled__default=_interopDefaultLegacy(styled),React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)};function __rest(e,n){var t={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)n.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]]);return t}function __makeTemplateObject(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_1$6,templateObject_1$5,templateObject_1$4,templateObject_1$3,templateObject_1$2,templateObject_1$1,templateObject_2,templateObject_3,templateObject_1,Button=styled__default.default.button(templateObject_1$9=templateObject_1$9||__makeTemplateObject(['\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\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: ',";\n border: ",";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ",";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ",";\n border: ",";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"],['\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\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: ',";\n border: ",";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ",";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ",";\n border: ",";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"]),function(e){return e.primary&&!e.ghost?"var(--color-orange)":"transparent"},function(e){return e.ghost?"none":"2px solid var(--color-orange)"},function(e){return e.primary&&!e.ghost?"var(--color-white)":"var(--color-navy)"},function(e){return e.primary&&!e.ghost?"var(--color-green)":"transparent"},function(e){return e.ghost?"none":"2px solid var(--color-green)"}),Card=(Button.displayName="Button",styled__default.default.div(templateObject_1$8=templateObject_1$8||__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)"})),Bars=(Card.displayName="Card",function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))}),Envelope=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(e){var n=e.type,t=e.size,t=void 0===t?"ultra-small":t,e=__rest(e,["type","size"]),n=iconHashMap[n],t=sizeHashMap[t];return React__default.default.createElement(n,__assign({},t,e))},Input=styled__default.default.input(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n background-color: var(--color-orange-transparent);\n border: 2px solid transparent;\n border-radius: var(--padding-xl);\n padding: var(--padding-l);\n position: relative;\n overflow: hidden;\n color: var(--color-navy);\n font-weight: var(--font-bold);\n\n &:focus, &:active {\n outline: none;\n border: 2px solid var(--color-green);\n }\n"],["\n background-color: var(--color-orange-transparent);\n border: 2px solid transparent;\n border-radius: var(--padding-xl);\n padding: var(--padding-l);\n position: relative;\n overflow: hidden;\n color: var(--color-navy);\n font-weight: var(--font-bold);\n\n &:focus, &:active {\n outline: none;\n border: 2px solid var(--color-green);\n }\n"])),Pill=(Input.displayName="Input",styled__default.default.div(templateObject_1$6=templateObject_1$6||__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$5=templateObject_1$5||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n"],["\n font-size: ",";\n line-height: ",";\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")},function(e){return"calc(1.5*var(--font-size-".concat(e.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(e){var n=e.size,e=e.children;return React__default.default.createElement(Header,{as:SIZE_MAP[void 0===n?"l":n]},e)},Header=styled__default.default.h1(templateObject_1$4=templateObject_1$4||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled__default.default.span(templateObject_1$3=templateObject_1$3||__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$2=templateObject_1$2||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(e){return e.active?"var(--font-bold)":"var(--font-medium)"},function(e){return e.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(e){var n=e.title,t=e.body,a=e.background,o=e.inverse,o=void 0!==o&&o,e=e.size,e=void 0===e?"l":e;return React__default.default.createElement(Root,null,a&&React__default.default.createElement(Background,null,a),React__default.default.createElement(CardBody,{inverse:o},React__default.default.createElement(Hero,{size:e},n),React__default.default.createElement(Body,{size:e},t)))}),Root=styled__default.default.div(templateObject_1$1=templateObject_1$1||__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=templateObject_2||__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=templateObject_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"]))),GlobalStyles=(Background.displayName="Background",exports.Color=void 0,!function(e){e.White="#FFF",e.Ecru="#F9F1E5",e.Navy="#172142",e.Orange="#E09A33",e.Red="#CF544B",e.Green="#6B8B4A"}(exports.Color||(exports.Color={})),styled.createGlobalStyle(templateObject_1=templateObject_1||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;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 --color-orange-translucent: ","80;\n --color-orange-transparent: ","33;\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: 800;\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,800;1,200;1,300;1,600;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 --color-orange-translucent: ","80;\n --color-orange-transparent: ","33;\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: 800;\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.Orange,exports.Color.Orange));exports.Button=Button,exports.Card=Card,exports.Icon=Icon,exports.InfoCard=InfoCard,exports.Input=Input,exports.IntegrigoUI=GlobalStyles,exports.Nav=Nav,exports.Pill=Pill,exports.Typography=Typography;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styled=require("styled-components"),React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var styled__default=_interopDefaultLegacy(styled),React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(e){for(var n,r=1,o=arguments.length;r<o;r++)for(var t in n=arguments[r])Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e}).apply(this,arguments)};function __rest(e,n){var r={};for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]]);return r}function __makeTemplateObject(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var templateObject_1$f,templateObject_1$e,templateObject_1$d,templateObject_1$c,templateObject_1$b,templateObject_1$a,templateObject_1$9,templateObject_1$8,templateObject_1$7,templateObject_2$3,templateObject_3$3,templateObject_1$6,templateObject_2$2,templateObject_3$2,templateObject_1$5,templateObject_2$1,templateObject_3$1,templateObject_4$1,templateObject_5,templateObject_1$4,templateObject_1$3,templateObject_2,templateObject_3,templateObject_4,templateObject_1$2,templateObject_1$1,templateObject_1,Card=styled__default.default.div(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n background-color: ",";\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n color: ",";\n padding: var(--padding-xl);\n border-radius: 24px;\n"],["\n background-color: ",";\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n color: ",";\n padding: var(--padding-xl);\n border-radius: 24px;\n"]),function(e){return e.inverse?"var(--color-navy)":"var(--color-white)"},function(e){return e.inverse?"var(--color-white)":"var(--color-navy)"}),GlobalStyles=(Card.displayName="Card",exports.Color=void 0,!function(e){e.White="#FFF",e.Ecru="#F9F1E5",e.Navy="#172142",e.Orange="#E09A33",e.Red="#CF544B",e.Green="#6B8B4A",e.Grey100="#1A1A1A",e.Grey80="#595959",e.Grey60="#8C8C8C",e.Grey40="#CCCCCC",e.Grey20="#F2F2F2",e.Grey0="#fff",e.Success100="#6B8B4A",e.Success20="#DDE4D7",e.Success10="#ECEFE8",e.Error100="#CF544B",e.Error20="#FFCCCC",e.Error10="#FFF5F5"}(exports.Color||(exports.Color={})),styled.createGlobalStyle(templateObject_1$e=templateObject_1$e||__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)),Bars=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 12",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M1 2h18a1 1 0 1 0 0-2H1a1 1 0 0 0 0 2Zm18 8H1a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H1a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2Z"}))},Envelope=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M17 0H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Zm-.41 2-5.88 5.88a1 1 0 0 1-1.42 0L3.41 2h13.18ZM18 13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.41l5.88 5.88a3 3 0 0 0 4.24 0L18 3.41V13Z"}))},Facebook=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.0445 0.0284524 19.1875 0.0837326 19.321C0.139013 19.4544 0.220038 19.5757 0.322183 19.6778C0.424327 19.78 0.54559 19.861 0.679048 19.9163C0.812506 19.9715 0.955546 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99521 16.1163 3.03528 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z"}))},Instagram=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15.34 3.46a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Zm4.6 2.42a7.588 7.588 0 0 0-.46-2.43 4.94 4.94 0 0 0-1.16-1.77A4.7 4.7 0 0 0 16.55.53a7.3 7.3 0 0 0-2.43-.47C13.06 0 12.72 0 10 0S6.94 0 5.88.06a7.3 7.3 0 0 0-2.43.47 4.78 4.78 0 0 0-1.77 1.15A4.7 4.7 0 0 0 .53 3.45a7.3 7.3 0 0 0-.47 2.43C0 6.94 0 7.28 0 10s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43 4.7 4.7 0 0 0 1.15 1.77 4.78 4.78 0 0 0 1.77 1.15 7.3 7.3 0 0 0 2.43.47C6.94 20 7.28 20 10 20s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47 4.7 4.7 0 0 0 1.77-1.15 4.85 4.85 0 0 0 1.16-1.77c.285-.78.44-1.6.46-2.43 0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM18.14 14a5.61 5.61 0 0 1-.34 1.86 3.06 3.06 0 0 1-.75 1.15c-.324.33-.717.586-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3 3.27 3.27 0 0 1-1.1-.75 3 3 0 0 1-.74-1.15 5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 3 3a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 6 1.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34 3.06 3.06 0 0 1 1.19.8c.328.307.584.683.75 1.1.222.609.337 1.252.34 1.9.05 1 .06 1.37.06 4s-.01 3-.06 4ZM10 4.87A5.13 5.13 0 1 0 15.14 10 5.12 5.12 0 0 0 10 4.87Zm0 8.46a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Z"}))},Linkedin=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.47 0H1.53A1.45 1.45 0 0 0 .06 1.43v17.14A1.45 1.45 0 0 0 1.53 20h16.94a1.451 1.451 0 0 0 1.47-1.43V1.43A1.45 1.45 0 0 0 18.47 0ZM6.09 16.74h-3v-9h3v9ZM4.59 6.48a1.56 1.56 0 0 1 0-3.12 1.57 1.57 0 1 1 0 3.12Zm12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 10.85 11a1.998 1.998 0 0 0-.1.73v5h-3v-9h3V9a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06v5.18Z"}))},Minus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 2",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 0H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2Z"}))},Phone=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M18.44 11c-.22 0-.45-.07-.67-.12a9.439 9.439 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.18 12.18 0 0 1-2.66-2 12.178 12.178 0 0 1-2-2.66L9.52 7a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2.741-1.778c.173-.388.26-.808.259-1.232v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.723.962 1.05 1.05 0 0 1-.437.038A17 17 0 0 1 3.07 3.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.27 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1 1 0 0 0 .57-.52l.62-1.4a13.68 13.68 0 0 0 1.58.46c.267.06.537.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"}))},Plus=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M15 7H9V1a1 1 0 0 0-2 0v6H1a1 1 0 0 0 0 2h6v6a1 1 0 1 0 2 0V9h6a1 1 0 1 0 0-2Z"}))},UserCircle=function(e){return React__default.default.createElement("svg",__assign({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},e),React__default.default.createElement("path",{d:"M10 0a10 10 0 0 0-7.35 16.76 10.001 10.001 0 0 0 14.7 0A9.999 9.999 0 0 0 10 0Zm0 18a8 8 0 0 1-5.55-2.25 6 6 0 0 1 11.1 0A8 8 0 0 1 10 18ZM8 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8.91 6A8 8 0 0 0 13 10.62a4 4 0 1 0-6 0A8 8 0 0 0 3.09 14 7.92 7.92 0 0 1 2 10a8 8 0 1 1 16 0 7.92 7.92 0 0 1-1.09 4Z"}))},iconHashMap={bars:Bars,envelope:Envelope,facebook:Facebook,instagram:Instagram,linkedin:Linkedin,minus:Minus,phone:Phone,plus:Plus,"user-circle":UserCircle},sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(e){var n=e.className,r=e.type,o=e.size,o=void 0===o?"ultra-small":o,e=__rest(e,["className","type","size"]),r=iconHashMap[r],o="string"==typeof o?sizeHashMap[o]:o;return React__default.default.createElement(r,__assign({className:n,fill:exports.Color.Navy},o,e))},IconAddition=function(e){var n=e.disabled,r=e.icon,o=e.direction,t=e.colorVariant,e=e.onClick,a={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 r?React__default.default.createElement(IconWrapper,{direction:void 0===o?"ltr":o,clickable:!!e&&!n},React__default.default.createElement(Icon,{type:r,size:{width:24,height:24},fill:a[void 0===t?"grey":t],onClick:e})):null},IconWrapper=styled__default.default.div(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n position: absolute;\n z-index: 2;\n top: 16px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n }\n"],["\n position: absolute;\n z-index: 2;\n top: 16px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n }\n"]),function(e){return e.clickable?"pointer":"auto"},function(e){return"ltr"===e.direction?"left: 16px":"right: 16px"}),Pill=(IconWrapper.displayName="IconWrapper",styled__default.default.div(templateObject_1$c=templateObject_1$c||__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$b=templateObject_1$b||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n"],["\n font-size: ",";\n line-height: ",";\n"]),function(e){return"var(--font-size-".concat(e.size||"m",")")},function(e){return"calc(1.5*var(--font-size-".concat(e.size||"m","))")})),SIZE_MAP=(Body.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero=function(e){var n=e.size,e=e.children;return React__default.default.createElement(Header,{as:SIZE_MAP[void 0===n?"l":n]},e)},Header=styled__default.default.h1(templateObject_1$a=templateObject_1$a||__makeTemplateObject([""],[""])),Label=(Header.displayName="Header",styled__default.default.span(templateObject_1$9=templateObject_1$9||__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$8=templateObject_1$8||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(e){return e.active?"var(--font-bold)":"var(--font-medium)"},function(e){return e.active?"auto":"var(--color-green)"}),InfoCard=(Nav.displayName="Nav",function(e){var n=e.title,r=e.body,o=e.background,t=e.inverse,t=void 0!==t&&t,e=e.size,e=void 0===e?"l":e;return React__default.default.createElement(Root,null,o&&React__default.default.createElement(Background,null,o),React__default.default.createElement(CardBody,{inverse:t},React__default.default.createElement(Hero,{size:e},n),React__default.default.createElement(Body,{size:e},r)))}),Root=styled__default.default.div(templateObject_1$7=templateObject_1$7||__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$3=templateObject_2$3||__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$6=templateObject_1$6||__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$2=templateObject_2$2||__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){switch(e){case"ltr":return styled.css(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n padding-left: ",";\n "],["\n padding-left: ",";\n "]),"48px");case"rtl":return styled.css(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n padding-right: ",";\n "],["\n padding-right: ",";\n "]),"48px");default:return styled.css(templateObject_3$1=templateObject_3$1||__makeTemplateObject([""],[""]))}},Input=React__default.default.forwardRef(function(e,n){var r=e.icon,o=(e.size,e.onIconClick),e=__rest(e,["icon","size","onIconClick"]);return React__default.default.createElement(InputWrapper,null,"rtl"!==e.direction&&React__default.default.createElement(IconAddition,{icon:r,disabled:e.disabled,direction:e.direction,onClick:o}),React__default.default.createElement(InputElement,__assign({ref:n},e)),"rtl"===e.direction&&React__default.default.createElement(IconAddition,{icon:r,disabled:e.disabled,direction:e.direction,onClick:o}))}),InputWrapper=styled__default.default.div(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"])),InputElement=(InputWrapper.displayName="InputWrapper",styled__default.default.input(templateObject_5=templateObject_5||__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\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: 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\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 getValidationTypeProps(e.validationType)},function(e){return getDirectionPadding$1(e.direction)})),TextArea=(Input.displayName="Input",function(e){return React__default.default.createElement(TextAreaElement,__assign({rows:4},e))}),TextAreaElement=styled__default.default.textarea(templateObject_1$4=templateObject_1$4||__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)}),getDirectionPadding=(TextAreaElement.displayName="TextAreaElement",function(e,n){var r="48px";switch(e){case"ltr":return styled.css(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n ","\n padding-left: ",";\n "],["\n ","\n padding-left: ",";\n "]),!n&&"padding-right: ".concat(r,";"),r);case"rtl":return styled.css(templateObject_2=templateObject_2||__makeTemplateObject(["\n ","\n padding-right: ",";\n "],["\n ","\n padding-right: ",";\n "]),!n&&"padding-left: ".concat(r,";"),r);default:return styled.css(templateObject_3=templateObject_3||__makeTemplateObject([""],[""]))}}),BasicButton=styled__default.default.div(templateObject_4=templateObject_4||__makeTemplateObject(['\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: var(--shades-of-grey-100);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\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 opacity: 0.8;\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: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\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 opacity: 0.8;\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 getDirectionPadding(e.direction,e.ghost)},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 "}),getLeftAlignment=(BasicButton.displayName="BasicButton",function(e){return"ltr"!==e?"var(--padding-l)":"calc(var(--padding-l) - 8px)"}),Ghost=styled__default.default(BasicButton)(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n &::before {\n border: none;\n left: ",";\n top: 44px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\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 &::before {\n border: none;\n left: ",";\n top: 44px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\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 getLeftAlignment(e.direction)},function(e){return"calc(100% - 2 * var(--padding-l) + ".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$1=templateObject_1$1||__makeTemplateObject(["\n color: var(--color-white);\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n color: var(--color-white);\n }\n\n ","\n"],["\n color: var(--color-white);\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n color: var(--color-white);\n }\n\n ","\n"]),function(e){return e.disabled&&"\n color: var(--shades-of-grey-60);\n\n &::before {\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: var(--shades-of-grey-60);\n border-color: var(--shades-of-grey-40);\n }\n "}),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 r=e.icon,o=(e.size,e.onIconClick),t=e.direction,a=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"!==t&&React__default.default.createElement(IconAddition,{icon:r,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:t,onClick:o}),React__default.default.createElement(l,{ghost:e.ghost,disabled:e.disabled,direction:r&&(t||"ltr")},a),"rtl"===t&&React__default.default.createElement(IconAddition,{icon:r,colorVariant:getIconColorVariant(e.primary,e.ghost),disabled:e.disabled,direction:t,onClick:o}))}),ButtonWrapper=styled__default.default.button(templateObject_1=templateObject_1||__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 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"]),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)"});ButtonWrapper.displayName="ButtonWrapper",exports.Button=Button,exports.Card=Card,exports.Icon=Icon,exports.InfoCard=InfoCard,exports.Input=Input,exports.IntegrigoUI=GlobalStyles,exports.Nav=Nav,exports.Pill=Pill,exports.TextArea=TextArea,exports.Typography=Typography;
2
2
  //# sourceMappingURL=index.js.map
@@ -4,5 +4,21 @@ export declare enum Color {
4
4
  Navy = "#172142",
5
5
  Orange = "#E09A33",
6
6
  Red = "#CF544B",
7
- Green = "#6B8B4A"
7
+ Green = "#6B8B4A",
8
+ Grey100 = "#1A1A1A",
9
+ Grey80 = "#595959",
10
+ Grey60 = "#8C8C8C",
11
+ Grey40 = "#CCCCCC",
12
+ Grey20 = "#F2F2F2",
13
+ Grey0 = "#fff",
14
+ Success100 = "#6B8B4A",
15
+ Success20 = "#DDE4D7",
16
+ Success10 = "#ECEFE8",
17
+ Error100 = "#CF544B",
18
+ Error20 = "#FFCCCC",
19
+ Error10 = "#FFF5F5"
20
+ }
21
+ export declare enum ShadesOfGrey {
22
+ }
23
+ export declare enum SuccessColors {
8
24
  }
@@ -1,2 +1,2 @@
1
1
  export { GlobalStyles } from './global';
2
- export { Color } from './colors';
2
+ export { Color, ShadesOfGrey } from './colors';
@@ -0,0 +1 @@
1
+ export declare type ValidationType = 'success' | 'error';
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.3.10",
6
+ "version": "1.4.3",
7
7
  "main": "lib/index.js",
8
8
  "module": "lib/index.esm.js",
9
9
  "types": "lib/index.d.ts",
@@ -33,12 +33,7 @@
33
33
  "styled-components": "^5.3.3",
34
34
  "typescript": "^4.5.5"
35
35
  },
36
- "dependencies": {
37
- "@fortawesome/fontawesome-svg-core": "^6.1.1",
38
- "@fortawesome/free-brands-svg-icons": "^6.1.1",
39
- "@fortawesome/free-solid-svg-icons": "^6.1.1",
40
- "@fortawesome/react-fontawesome": "^0.1.18"
41
- },
36
+ "dependencies": {},
42
37
  "peerDependencies": {
43
38
  "react": "^17.0.2",
44
39
  "react-dom": "^17.0.2",