@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.
- package/lib/components/atoms/Button/BasicButton.d.ts +6 -0
- package/lib/components/atoms/Button/Button.d.ts +8 -3
- package/lib/components/atoms/Button/Ghost.d.ts +6 -0
- package/lib/components/atoms/Button/Primary.d.ts +4 -0
- package/lib/components/atoms/Icon/Icon.d.ts +16 -12
- package/lib/components/atoms/Icon/IconAddition.d.ts +11 -0
- package/lib/components/atoms/Icon/icons/Bars.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/Envelope.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/Facebook.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/Instagram.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/Linkedin.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/Minus.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/Phone.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/Plus.d.ts +1 -1
- package/lib/components/atoms/Icon/icons/UserCircle.d.ts +1 -1
- package/lib/components/atoms/Icon/index.d.ts +2 -0
- package/lib/components/atoms/index.d.ts +0 -2
- package/lib/components/molecules/Button/BasicButton.d.ts +7 -0
- package/lib/components/molecules/Button/Button.d.ts +11 -0
- package/lib/components/molecules/Button/Ghost.d.ts +8 -0
- package/lib/components/molecules/Button/Primary.d.ts +5 -0
- package/lib/components/molecules/Button/index.d.ts +1 -0
- package/lib/components/molecules/Input/Input.d.ts +17 -0
- package/lib/components/molecules/Input/index.d.ts +1 -0
- package/lib/components/molecules/TextArea/TextArea.d.ts +6 -0
- package/lib/components/molecules/TextArea/index.d.ts +1 -0
- package/lib/components/molecules/index.d.ts +4 -1
- package/lib/helpers/validation.d.ts +3 -0
- package/lib/index.d.ts +3 -3
- package/lib/index.esm.js +1 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/styles/colors.d.ts +17 -1
- package/lib/styles/index.d.ts +1 -1
- package/lib/types/validation.d.ts +1 -0
- 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
|
-
|
2
|
+
import { IconType } from "../Icon";
|
3
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
3
4
|
primary?: boolean;
|
4
5
|
ghost?: boolean;
|
5
|
-
|
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:
|
12
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -1,18 +1,22 @@
|
|
1
1
|
import React from "react";
|
2
2
|
export declare const iconHashMap: {
|
3
|
-
bars: React.
|
4
|
-
envelope: React.
|
5
|
-
facebook: React.
|
6
|
-
instagram: React.
|
7
|
-
linkedin: React.
|
8
|
-
minus: React.
|
9
|
-
phone: React.
|
10
|
-
plus: React.
|
11
|
-
"user-circle": React.
|
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:
|
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.
|
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 {};
|
@@ -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 @@
|
|
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';
|
package/lib/index.d.ts
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
export {
|
2
|
-
export { InfoCard } from
|
3
|
-
export { GlobalStyles as IntegrigoUI, Color } from
|
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
|
package/lib/index.esm.js.map
CHANGED
@@ -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
|
package/lib/styles/colors.d.ts
CHANGED
@@ -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
|
}
|
package/lib/styles/index.d.ts
CHANGED
@@ -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
|
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",
|