@it-holding-ui/atomic 1.1.0
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/README.md +11 -0
- package/build/atomic/src/CurrencyIcon/CurrencyIcon.d.ts +3 -0
- package/build/atomic/src/CurrencyIcon/CurrencyIcon.types.d.ts +4 -0
- package/build/atomic/src/CurrencyIcon/index.d.ts +1 -0
- package/build/atomic/src/CustomCheckbox/CustomCheckbox.d.ts +3 -0
- package/build/atomic/src/CustomCheckbox/CustomCheckbox.test.d.ts +1 -0
- package/build/atomic/src/CustomCheckbox/CustomCheckbox.types.d.ts +3 -0
- package/build/atomic/src/CustomCheckbox/index.d.ts +2 -0
- package/build/atomic/src/CustomCountryFlag/CustomCountryFlag.d.ts +4 -0
- package/build/atomic/src/CustomCountryFlag/CustomCountryFlag.types.d.ts +1 -0
- package/build/atomic/src/CustomCountryFlag/index.d.ts +1 -0
- package/build/atomic/src/CustomIcon/CustomIcon.d.ts +4 -0
- package/build/atomic/src/CustomIcon/CustomIcon.types.d.ts +5 -0
- package/build/atomic/src/CustomIcon/index.d.ts +1 -0
- package/build/atomic/src/CustomInput/CustomInput.d.ts +4 -0
- package/build/atomic/src/CustomInput/CustomInput.types.d.ts +22 -0
- package/build/atomic/src/CustomInput/InputFacade/InputFacade.d.ts +3 -0
- package/build/atomic/src/CustomInput/InputFacade/InputFacade.types.d.ts +15 -0
- package/build/atomic/src/CustomInput/InputFacade/index.d.ts +2 -0
- package/build/atomic/src/CustomInput/index.d.ts +2 -0
- package/build/atomic/src/Label/Label.d.ts +4 -0
- package/build/atomic/src/Label/Label.types.d.ts +6 -0
- package/build/atomic/src/Label/index.d.ts +1 -0
- package/build/atomic/src/Text/Text.d.ts +3 -0
- package/build/atomic/src/Text/Text.types.d.ts +72 -0
- package/build/atomic/src/Text/index.d.ts +2 -0
- package/build/atomic/src/index.d.ts +5 -0
- package/build/index.js +3 -0
- package/build/index.js.LICENSE.txt +5 -0
- package/build/index.js.map +1 -0
- package/package.json +48 -0
package/README.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CurrencyIcon } from './CurrencyIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { FlagProps as CustomCountryFlagProps } from 'react-world-flags';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CustomCountryFlag } from './CustomCountryFlag';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CustomIcon } from './CustomIcon';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputFacadeInputProps, InputFacadeProps, InputFacadeTextareaProps } from './InputFacade/InputFacade.types';
|
|
3
|
+
export declare type CustomInputAdditionalProps = {
|
|
4
|
+
label?: string;
|
|
5
|
+
icon?: string | JSX.Element;
|
|
6
|
+
iconLeft?: boolean;
|
|
7
|
+
containerClassName?: string;
|
|
8
|
+
inputWrapperClassName?: string;
|
|
9
|
+
iconClassName?: string;
|
|
10
|
+
prefix?: string;
|
|
11
|
+
prefixIcon?: string | JSX.Element;
|
|
12
|
+
hasError?: boolean;
|
|
13
|
+
errorHint?: string;
|
|
14
|
+
hint?: string;
|
|
15
|
+
forceFocused?: boolean;
|
|
16
|
+
requiredSign?: boolean;
|
|
17
|
+
clearButton?: boolean;
|
|
18
|
+
onInputWrapperClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
19
|
+
onClearValue?: (e: React.MouseEvent<HTMLIonButtonElement, MouseEvent>) => void;
|
|
20
|
+
};
|
|
21
|
+
export declare type CustomInputProps = InputFacadeProps & CustomInputAdditionalProps;
|
|
22
|
+
export declare type DirectCustomInputProps<T extends 'input' | 'textarea'> = T extends 'input' ? InputFacadeInputProps & CustomInputAdditionalProps : InputFacadeTextareaProps & CustomInputAdditionalProps;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { IonInput, IonTextarea } from '@ionic/react';
|
|
3
|
+
export declare type InputType = 'input' | 'textarea';
|
|
4
|
+
export declare type InputFacadeInputProps = Omit<ComponentProps<typeof IonInput>, 'ref' | 'value'> & {
|
|
5
|
+
inputType: 'input';
|
|
6
|
+
value?: string | undefined | null;
|
|
7
|
+
rows?: number;
|
|
8
|
+
};
|
|
9
|
+
export declare type InputFacadeTextareaProps = Omit<ComponentProps<typeof IonTextarea>, 'ref'> & {
|
|
10
|
+
inputType: 'textarea';
|
|
11
|
+
};
|
|
12
|
+
export declare type InputFacadeProps = Readonly<InputFacadeInputProps | InputFacadeTextareaProps>;
|
|
13
|
+
export declare type CustomInputRef<T extends HTMLIonInputElement | HTMLIonTextareaElement> = T & {
|
|
14
|
+
clearValue: () => void;
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Label } from './Label';
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import type { DetailedHTMLElementProps } from '@it-holding-ui/types';
|
|
2
|
+
export declare type DivTextProps = DetailedHTMLElementProps<HTMLDivElement> & {
|
|
3
|
+
type: TextType;
|
|
4
|
+
mobileType?: TextType;
|
|
5
|
+
as?: 'div';
|
|
6
|
+
};
|
|
7
|
+
export declare type ParagraphTextProps = DetailedHTMLElementProps<HTMLParagraphElement> & {
|
|
8
|
+
type: TextType;
|
|
9
|
+
mobileType?: TextType;
|
|
10
|
+
as?: 'p';
|
|
11
|
+
};
|
|
12
|
+
export declare type SpanTextProps = DetailedHTMLElementProps<HTMLSpanElement> & {
|
|
13
|
+
type: TextType;
|
|
14
|
+
mobileType?: TextType;
|
|
15
|
+
as?: 'span';
|
|
16
|
+
};
|
|
17
|
+
export declare type AnchorTextProps = DetailedHTMLElementProps<HTMLAnchorElement> & {
|
|
18
|
+
type: TextType;
|
|
19
|
+
mobileType?: TextType;
|
|
20
|
+
as?: 'a';
|
|
21
|
+
};
|
|
22
|
+
export declare type HeadingTextProps = DetailedHTMLElementProps<HTMLHeadElement> & {
|
|
23
|
+
type: TextType;
|
|
24
|
+
mobileType?: TextType;
|
|
25
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
26
|
+
};
|
|
27
|
+
export declare type TextProps = (DivTextProps | ParagraphTextProps | SpanTextProps | AnchorTextProps | HeadingTextProps) & {
|
|
28
|
+
isMobile?: boolean;
|
|
29
|
+
};
|
|
30
|
+
export declare enum TextType {
|
|
31
|
+
TITLE_1_B = "title-1-b",
|
|
32
|
+
TITLE_2_B = "title-2-b",
|
|
33
|
+
TITLE_3 = "title-3",
|
|
34
|
+
TITLE_5 = "title-5",
|
|
35
|
+
TITLE_5_B = "title-5-b",
|
|
36
|
+
TITLE_6 = "title-6",
|
|
37
|
+
TITLE_7 = "title-7",
|
|
38
|
+
TITLE_8 = "title-8",
|
|
39
|
+
TITLE_6_M = "title-6-m",
|
|
40
|
+
TITLE_9 = "title-9",
|
|
41
|
+
TITLE_9_B = "title-9-b",
|
|
42
|
+
TITLE_16 = "title-16",
|
|
43
|
+
TITLE_28 = "title-28",
|
|
44
|
+
SUBTITLE_1 = "subtitle-1",
|
|
45
|
+
SUBTITLE_1_M = "subtitle-1-m",
|
|
46
|
+
SUBTITLE_2 = "subtitle-2",
|
|
47
|
+
SUBTITLE_3 = "subtitle-3",
|
|
48
|
+
SUBTITLE_4 = "subtitle-4",
|
|
49
|
+
BODY_1 = "body-1",
|
|
50
|
+
BODY_1_R = "body-1-r",
|
|
51
|
+
BODY_2 = "body-2",
|
|
52
|
+
BODY_2_M = "body-2-m",
|
|
53
|
+
BODY_3 = "body-3",
|
|
54
|
+
BODY_4 = "body-4",
|
|
55
|
+
BODY_5 = "body-5",
|
|
56
|
+
BODY_6 = "body-6",
|
|
57
|
+
SUBHEAD_1_B = "subhead-1-b",
|
|
58
|
+
SUBHEAD_2 = "subhead-2",
|
|
59
|
+
SUBHEAD_3 = "subhead-3",
|
|
60
|
+
SUBHEAD_2_R = "subhead-2-r",
|
|
61
|
+
SUBHEAD_4_M = "subhead-4-m",
|
|
62
|
+
CAPTION_1 = "caption-1",
|
|
63
|
+
CAPTION_1_B = "caption-1-b",
|
|
64
|
+
CAPTION_2 = "caption-2",
|
|
65
|
+
CAPTION_2_LEFT = "caption-2-left",
|
|
66
|
+
CAPTION_3 = "caption-3",
|
|
67
|
+
CAPTION_4 = "caption-4",
|
|
68
|
+
CAPTION_12 = "caption-12",
|
|
69
|
+
BUTTON_13M = "button-13m",
|
|
70
|
+
SMALL_TEXT = "small-text",
|
|
71
|
+
SUBCAPTION_2_B = "subcaption-2-b"
|
|
72
|
+
}
|
package/build/index.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
+
!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@ionic/react"),require("@it-holding-ui/hooks"),require("@it-holding-ui/icons")):"function"==typeof define&&define.amd?define(["react","@ionic/react","@it-holding-ui/hooks","@it-holding-ui/icons"],t):"object"==typeof exports?exports["@it-holding-ui/atomic"]=t(require("react"),require("@ionic/react"),require("@it-holding-ui/hooks"),require("@it-holding-ui/icons")):n["@it-holding-ui/atomic"]=t(n.react,n["@ionic/react"],n["@it-holding-ui/hooks"],n["@it-holding-ui/icons"])}(self,(function(n,t,e,i){return(()=>{var o={779:(n,t)=>{var e;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var n=[],t=0;t<arguments.length;t++){var e=arguments[t];if(e){var s=typeof e;if("string"===s||"number"===s)n.push(e);else if(Array.isArray(e)){if(e.length){var a=o.apply(null,e);a&&n.push(a)}}else if("object"===s)if(e.toString===Object.prototype.toString)for(var l in e)i.call(e,l)&&e[l]&&n.push(l);else n.push(e.toString())}}return n.join(" ")}n.exports?(o.default=o,n.exports=o):void 0===(e=function(){return o}.apply(t,[]))||(n.exports=e)}()},310:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".custom-checkbox{display:inline-block;height:20px}.custom-checkbox__checkbox{--background: transparent;--background-checked: var(--brand-primary-40);--border-color: var(--base-60);--border-color-checked: var(--brand-primary-40);--border-radius: 4px;--size: 20px;margin:0;outline:none}","",{version:3,sources:["webpack://./src/CustomCheckbox/CustomCheckbox.scss"],names:[],mappings:"AA6eA,iBACI,oBAAA,CACA,WAJY,CAMZ,2BACI,yBAAA,CACA,6CAAA,CACA,8BAAA,CACA,+CAAA,CACA,oBAAA,CACA,YAAA,CAEA,QAAA,CACA,YAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$checkbox-size: 20px;\n\n.custom-checkbox {\n display: inline-block;\n height: $checkbox-size;\n\n &__checkbox {\n --background: transparent;\n --background-checked: var(--brand-primary-40);\n --border-color: var(--base-60);\n --border-color-checked: var(--brand-primary-40);\n --border-radius: 4px;\n --size: #{$checkbox-size};\n\n margin: 0;\n outline: none;\n }\n}\n"],sourceRoot:""}]);const l=a},470:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".custom-icon{display:flex;align-items:center;justify-content:center}","",{version:3,sources:["webpack://./src/CustomIcon/CustomIcon.scss"],names:[],mappings:"AA2eA,aAzaI,YAAA,CACA,kBAAA,CACA,sBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.custom-icon {\n @include centered-flexbox;\n}\n"],sourceRoot:""}]);const l=a},755:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,':root{--custom-input-padding-start: 12px;--custom-input-padding-end: 12px;--custom-input-padding-top: 22px;--custom-input-padding-bottom: 6px;--custom-input-min-height: 52px;--custom-input-bottom-offset: 24px;--custom-input-icon-width: 32px;--custom-input-icon-height: 44px}.custom-input{--min-input-height: var(--custom-input-min-height);--padding-bottom: var(--custom-input-bottom-offset);position:relative;width:100%;padding-bottom:var(--padding-bottom)}.custom-input__input-wrapper{position:relative}.custom-input__input-wrapper_clickable{cursor:pointer}.custom-input ion-textarea.custom-input__input,.custom-input ion-input.custom-input__input{--transition-duration: 100ms;--prefix-icon-size: 24px;--background: var(--base-20);--padding-start: var(--custom-input-padding-start);--padding-end: var(--custom-input-padding-end);--padding-top: var(--custom-input-padding-top);--padding-bottom: var(--custom-input-padding-bottom);--border-radius: 12px;font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;margin:0;overflow:hidden;border-radius:12px;caret-color:var(--brand-secondary-40)}.custom-input ion-textarea.custom-input__input::after,.custom-input ion-input.custom-input__input::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--brand-secondary-40);opacity:0;transition:opacity var(--transition-duration);content:""}.custom-input ion-textarea.custom-input__input input,.custom-input ion-textarea.custom-input__input textarea,.custom-input ion-input.custom-input__input input,.custom-input ion-input.custom-input__input textarea{height:100%;min-height:var(--min-input-height);opacity:1 !important}.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-outer-spin-button{opacity:0 !important}.custom-input ion-textarea.custom-input__input_with-minimized-label,.custom-input ion-input.custom-input__input_with-minimized-label{--padding-top: var(--custom-input-padding-top)}.custom-input ion-textarea.custom-input__input_with-minimized-label .prefix-icon,.custom-input ion-input.custom-input__input_with-minimized-label .prefix-icon{bottom:6px;bottom:var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_active::after,.custom-input ion-input.custom-input__input_active::after{opacity:1}.custom-input ion-textarea.custom-input__input_disabled,.custom-input ion-input.custom-input__input_disabled{color:var(--base-50)}.custom-input ion-textarea.custom-input__input_disabled::after,.custom-input ion-input.custom-input__input_disabled::after{opacity:0}.custom-input ion-textarea.custom-input__input_readonly,.custom-input ion-input.custom-input__input_readonly{pointer-events:none}.custom-input ion-textarea.custom-input__input_with-error::after,.custom-input ion-input.custom-input__input_with-error::after{background-color:var(--danger-40);opacity:1}.custom-input ion-textarea.custom-input__input_with-icon,.custom-input ion-input.custom-input__input_with-icon{--padding-end: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-icon-left,.custom-input ion-input.custom-input__input_with-icon-left{--padding-start: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-prefix,.custom-input ion-input.custom-input__input_with-prefix{--padding-start: 4px}.custom-input ion-textarea.custom-input__input_with-prefix .label-wrapper,.custom-input ion-input.custom-input__input_with-prefix .label-wrapper{left:12px;left:var(--custom-input-padding-end)}.custom-input ion-textarea.custom-input__input_without-label,.custom-input ion-input.custom-input__input_without-label{--padding-top: var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_with-prefix-icon,.custom-input ion-input.custom-input__input_with-prefix-icon{--padding-start: calc(var(--custom-input-padding-end) + var(--prefix-icon-size) + var(--custom-input-padding-end))}.custom-input__prefix{margin:auto 0 0 12px;margin:auto 0 0 var(--custom-input-padding-end);opacity:1;transition:opacity var(--transition-duration)}.custom-input__prefix_hidden{opacity:0}.custom-input__prefix-icon{width:24px;height:24px;position:absolute;bottom:calc(6px + 8px);bottom:calc(var(--custom-input-padding-bottom) + 8px);left:12px;left:var(--custom-input-padding-end);display:flex;align-items:center;justify-content:center;transition:bottom var(--transition-duration)}.custom-input__label-wrapper{position:absolute;top:calc(6px + 2px);top:calc(var(--custom-input-padding-bottom) + 2px);left:var(--padding-start);z-index:3;transition:top var(--transition-duration);pointer-events:none}.custom-input__label-wrapper_minimized{top:6px;top:var(--custom-input-padding-bottom)}.custom-input__clear-button{--background-activated: var(--base-0);--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;position:absolute;top:calc((52px - 18px)/2);top:calc((var(--custom-input-min-height) - 18px)/2);right:6px;z-index:99;width:18px;height:18px;margin:0}.custom-input__clear-button svg{transition:fill 200ms;fill:var(--base-110);width:16px;height:16px}.custom-input__clear-button svg path{transition:fill 200ms;fill:inherit}.custom-input__clear-button_type_textarea{top:6px}.custom-input__icon-wrapper{position:absolute;top:calc((var(--min-input-height) - 44px)/2);top:calc((var(--min-input-height) - var(--custom-input-icon-height))/2);right:12px;right:var(--custom-input-padding-end);z-index:2;display:flex;align-items:center;height:44px;height:var(--custom-input-icon-height)}.custom-input__icon-wrapper_position_left{right:unset;left:12px;left:var(--custom-input-padding-end)}.custom-input__icon{width:32px;width:var(--custom-input-icon-width)}.custom-input__hint{position:absolute;bottom:4px;left:12px;left:var(--custom-input-padding-end)}',"",{version:3,sources:["webpack://./src/CustomInput/CustomInput.scss"],names:[],mappings:"AA2eA,MACI,kCAAA,CACA,gCAAA,CACA,gCAAA,CACA,kCAAA,CACA,+BAAA,CACA,kCAAA,CACA,+BAAA,CACA,gCAAA,CAOJ,cACI,kDAAA,CACA,mDAAA,CAEA,iBAAA,CACA,UAAA,CACA,oCAAA,CAEA,6BACI,iBAAA,CAEA,uCACI,cAAA,CAIR,2FAEI,4BAAA,CACA,wBAAA,CACA,4BAAA,CAGA,kDAAA,CACA,8CAAA,CACA,8CAAA,CACA,oDAAA,CACA,qBAAA,CArRJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CAsRI,QAAA,CACA,eAAA,CACA,kBAAA,CACA,qCAAA,CAEA,yGACI,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,UAAA,CACA,0CAAA,CACA,SAAA,CACA,6CAAA,CACA,UAAA,CAGJ,oNAEI,WAAA,CACA,kCAAA,CAGA,oBAAA,CAEA,wuBAEI,oBAAA,CAIR,qIACI,8CAAA,CAEA,+JACI,UApEG,CAoEH,yCApEG,CAyEP,uHACI,SAAA,CAIR,6GACI,oBAAA,CAEA,2HACI,SAAA,CAIR,6GACI,mBAAA,CAIA,+HACI,iCAAA,CACA,SAAA,CAIR,+GACI,uHAAA,CAGJ,yHACI,yHAAA,CAGJ,mHACI,oBAAA,CAEA,iJACI,SAAA,CAAA,oCAAA,CAIR,uHACI,iDAAA,CAGJ,6HACI,kHAAA,CAIR,sBACI,oBAAA,CAAA,+CAAA,CACA,SAAA,CACA,6CAAA,CAEA,6BACI,SAAA,CAIR,2BApjBA,UAAA,CACA,WAAA,CAsjBI,iBAAA,CACA,sBAAA,CAAA,qDAAA,CACA,SA1Ia,CA0Ib,oCA1Ia,CA2Ib,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,4CAAA,CAGJ,6BACI,iBAAA,CACA,mBAAA,CAAA,kDAAA,CACA,yBAAA,CACA,SAAA,CACA,yCAAA,CACA,mBAAA,CAEA,uCACI,OAzJO,CAyJP,sCAzJO,CA6Jf,4BACI,qCAAA,CACA,oBAAA,CACA,kBAAA,CACA,kBAAA,CACA,qBAAA,CAEA,iBAAA,CACA,yBAAA,CAAA,mDAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CAEA,gCAhnBJ,qBAAA,CACA,oBAgnBmC,CAE3B,UAAA,CACA,WAAA,CAjnBR,qCACI,qBAAA,CACA,YAAA,CAmnBI,0CACI,OAAA,CAKZ,4BACI,iBAAA,CACA,4CAAA,CAAA,uEAAA,CACA,UA9La,CA8Lb,qCA9La,CA+Lb,SAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CAAA,sCAAA,CAGI,0CACI,WAAA,CACA,SAvMK,CAuML,oCAvMK,CA4MjB,oBACI,UAAA,CAAA,oCAAA,CAGJ,oBACI,iBAAA,CACA,UAAA,CACA,SAnNa,CAmNb,oCAnNa",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n:root {\n --custom-input-padding-start: 12px;\n --custom-input-padding-end: 12px;\n --custom-input-padding-top: 22px;\n --custom-input-padding-bottom: 6px;\n --custom-input-min-height: 52px;\n --custom-input-bottom-offset: 24px;\n --custom-input-icon-width: 32px;\n --custom-input-icon-height: 44px;\n}\n\n$input-with-minimized-label-padding-top: var(--custom-input-padding-top);\n$horizontal-padding: var(--custom-input-padding-end);\n$vertical-padding: var(--custom-input-padding-bottom);\n\n.custom-input {\n --min-input-height: var(--custom-input-min-height);\n --padding-bottom: var(--custom-input-bottom-offset);\n\n position: relative;\n width: 100%;\n padding-bottom: var(--padding-bottom);\n\n &__input-wrapper {\n position: relative;\n\n &_clickable {\n cursor: pointer;\n }\n }\n\n ion-textarea#{&}__input,\n ion-input#{&}__input {\n --transition-duration: 100ms;\n --prefix-icon-size: 24px;\n --background: var(--base-20);\n\n /** // ! make sure that this variables are equal to CustomCleaveInput variables **/\n --padding-start: var(--custom-input-padding-start);\n --padding-end: var(--custom-input-padding-end);\n --padding-top: var(--custom-input-padding-top);\n --padding-bottom: var(--custom-input-padding-bottom);\n --border-radius: 12px;\n\n @include body-1-r;\n\n margin: 0;\n overflow: hidden;\n border-radius: 12px;\n caret-color: var(--brand-secondary-40);\n\n &::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--brand-secondary-40);\n opacity: 0;\n transition: opacity var(--transition-duration);\n content: '';\n }\n\n input,\n textarea {\n height: 100%;\n min-height: var(--min-input-height);\n\n /** !important is used because there is no way to override the opacity style **/\n opacity: 1 !important;\n\n &[type='number']::-webkit-inner-spin-button,\n &[type='number']::-webkit-outer-spin-button {\n opacity: 0 !important;\n }\n }\n\n &_with-minimized-label {\n --padding-top: #{$input-with-minimized-label-padding-top};\n\n .prefix-icon {\n bottom: $vertical-padding;\n }\n }\n\n &_active {\n &::after {\n opacity: 1;\n }\n }\n\n &_disabled {\n color: var(--base-50);\n\n &::after {\n opacity: 0;\n }\n }\n\n &_readonly {\n pointer-events: none;\n }\n\n &_with-error {\n &::after {\n background-color: var(--danger-40);\n opacity: 1;\n }\n }\n\n &_with-icon {\n --padding-end: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-icon-left {\n --padding-start: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-prefix {\n --padding-start: 4px;\n\n .label-wrapper {\n left: var(--custom-input-padding-end);\n }\n }\n\n &_without-label {\n --padding-top: #{$vertical-padding};\n }\n\n &_with-prefix-icon {\n --padding-start: calc(#{$horizontal-padding} + var(--prefix-icon-size) + #{$horizontal-padding});\n }\n }\n\n &__prefix {\n margin: auto 0 0 $horizontal-padding;\n opacity: 1;\n transition: opacity var(--transition-duration);\n\n &_hidden {\n opacity: 0;\n }\n }\n\n &__prefix-icon {\n @include common-icon-self-size;\n\n position: absolute;\n bottom: calc(#{$vertical-padding} + 8px);\n left: $horizontal-padding;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: bottom var(--transition-duration);\n }\n\n &__label-wrapper {\n position: absolute;\n top: calc(#{$vertical-padding} + 2px);\n left: var(--padding-start);\n z-index: 3;\n transition: top var(--transition-duration);\n pointer-events: none;\n\n &_minimized {\n top: $vertical-padding;\n }\n }\n\n &__clear-button {\n --background-activated: var(--base-0);\n --padding-start: 2px;\n --padding-end: 2px;\n --padding-top: 2px;\n --padding-bottom: 2px;\n\n position: absolute;\n top: calc((var(--custom-input-min-height) - 18px) / 2);\n right: 6px;\n z-index: 99;\n width: 18px;\n height: 18px;\n margin: 0;\n\n svg {\n @include fill-svg-and-path(var(--base-110));\n\n width: 16px;\n height: 16px;\n }\n\n &_type {\n &_textarea {\n top: 6px;\n }\n }\n }\n\n &__icon-wrapper {\n position: absolute;\n top: calc((var(--min-input-height) - var(--custom-input-icon-height)) / 2);\n right: $horizontal-padding;\n z-index: 2;\n display: flex;\n align-items: center;\n height: var(--custom-input-icon-height);\n\n &_position {\n &_left {\n right: unset;\n left: $horizontal-padding;\n }\n }\n }\n\n &__icon {\n width: var(--custom-input-icon-width);\n }\n\n &__hint {\n position: absolute;\n bottom: 4px;\n left: $horizontal-padding;\n }\n}\n"],sourceRoot:""}]);const l=a},884:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".label{display:flex;align-items:center;height:36px;color:var(--base-80);white-space:nowrap;transition-duration:var(--transition-duration);transition-property:font-weight,font-size,line-height,letter-spacing,height,color}.label_minimized{height:16px}.label_color_secondary{color:var(--base-50)}.label_color_error{color:var(--danger-40)}","",{version:3,sources:["webpack://./src/Label/Label.scss"],names:[],mappings:"AA2eA,OACI,YAAA,CACA,kBAAA,CACA,WAAA,CACA,oBAAA,CACA,kBAAA,CACA,8CAAA,CACA,iFAAA,CAEA,iBACI,WAAA,CAIA,uBACI,oBAAA,CAGJ,mBACI,sBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.label {\n display: flex;\n align-items: center;\n height: 36px;\n color: var(--base-80);\n white-space: nowrap;\n transition-duration: var(--transition-duration);\n transition-property: font-weight, font-size, line-height, letter-spacing, height, color;\n\n &_minimized {\n height: 16px;\n }\n\n &_color {\n &_secondary {\n color: var(--base-50);\n }\n\n &_error {\n color: var(--danger-40);\n }\n }\n}\n"],sourceRoot:""}]);const l=a},491:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".text_type_title-1-b{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.1px}.text_type_title-2-b{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:40px}.text_type_title-3{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-5{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.25px}.text_type_title-5-b{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-6{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-7{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px}.text_type_title-8{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.15px}.text_type_title-6-m{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-9{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.15px}.text_type_title-9-b{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-16{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-28{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:0}.text_type_subtitle-1{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_subtitle-1-m{font-weight:500;font-size:18px;font-style:normal;line-height:24px;letter-spacing:0}.text_type_subtitle-2{font-weight:bold;font-size:13px;font-family:Roboto,sans-serif;font-style:normal;line-height:18px;letter-spacing:.25px}.text_type_subtitle-3{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_subtitle-4{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_body-1{font-weight:500;font-size:17px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.25px}.text_type_body-1-r{font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px}.text_type_body-2{font-weight:700;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-2-m{font-weight:500;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-3{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-4{font-weight:normal;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-5{font-weight:400;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_body-6{font-weight:700;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_subhead-1-b{font-weight:700;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2-r{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-3{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_subhead-4-m{font-weight:500;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_caption-1{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-1-b{font-weight:700;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2-left{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.14px}.text_type_caption-3{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-4{font-weight:500;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-12{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_button-13m{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_small-text{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subcaption-2-b{font-weight:700;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}","",{version:3,sources:["webpack://./src/Text/Text.scss"],names:[],mappings:"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",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.text {\n &_type {\n /** TITLE **/\n &_title-1-b {\n @include title-1-b;\n }\n\n &_title-2-b {\n @include title-2-b;\n }\n\n &_title-3 {\n @include title-3;\n }\n\n &_title-5 {\n @include title-5;\n }\n\n &_title-5-b {\n @include title-5-b;\n }\n\n &_title-6 {\n @include title-6;\n }\n\n &_title-7 {\n @include title-7;\n }\n\n &_title-8 {\n @include title-8;\n }\n\n &_title-6-m {\n @include title-6-m;\n }\n\n &_title-9 {\n @include title-9;\n }\n\n &_title-9-b {\n @include title-9-b;\n }\n\n &_title-16 {\n @include title-16;\n }\n\n &_title-28 {\n @include title-28;\n }\n\n /** SUBTITLE **/\n &_subtitle-1 {\n @include subtitle-1;\n }\n\n &_subtitle-1-m {\n @include subtitle-1-m;\n }\n\n &_subtitle-2 {\n @include subtitle-2;\n }\n\n &_subtitle-3 {\n @include subtitle-3;\n }\n\n &_subtitle-4 {\n @include subtitle-4;\n }\n\n /** BODY **/\n &_body-1 {\n @include body-1;\n }\n\n &_body-1-r {\n @include body-1-r;\n }\n\n &_body-2 {\n @include body-2;\n }\n\n &_body-2-m {\n @include body-2-m;\n }\n\n &_body-3 {\n @include body-3;\n }\n\n &_body-4 {\n @include body-4;\n }\n\n &_body-5 {\n @include body-5;\n }\n\n &_body-6 {\n @include body-6;\n }\n\n /** SUBHEAD **/\n\n &_subhead-1-b {\n @include subhead-1-b;\n }\n\n &_subhead-2 {\n @include subhead-2;\n }\n\n &_subhead-2-r {\n @include subhead-2-r;\n }\n\n &_subhead-3 {\n @include subhead-3;\n }\n\n &_subhead-4-m {\n @include subhead-4-m;\n }\n\n /** CAPTION **/\n &_caption-1 {\n @include caption-1;\n }\n\n &_caption-1-b {\n @include caption-1-b;\n }\n\n &_caption-2 {\n @include caption-2;\n }\n\n &_caption-2-left {\n @include caption-2-left;\n }\n\n &_caption-3 {\n @include caption-3;\n }\n\n &_caption-4 {\n @include caption-4;\n }\n\n &_caption-12 {\n @include caption-12;\n }\n\n /** BUTTON **/\n\n &_button-13m {\n @include button-13m;\n }\n\n /** SMALL TEXT **/\n\n &_small-text {\n @include small-text;\n }\n\n /** SUBCAPTION **/\n\n &_subcaption-2-b {\n @include subcaption-2-b;\n }\n }\n}\n"],sourceRoot:""}]);const l=a},609:n=>{"use strict";n.exports=function(n){var t=[];return t.toString=function(){return this.map((function(t){var e="",i=void 0!==t[5];return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),i&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=n(t),i&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e})).join("")},t.i=function(n,e,i,o,s){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(i)for(var l=0;l<this.length;l++){var r=this[l][0];null!=r&&(a[r]=!0)}for(var p=0;p<n.length;p++){var A=[].concat(n[p]);i&&a[A[0]]||(void 0!==s&&(void 0===A[5]||(A[1]="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=s),e&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=e):A[2]=e),o&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=o):A[4]="".concat(o)),t.push(A))}},t}},272:n=>{"use strict";n.exports=function(n){var t=n[1],e=n[3];if(!e)return t;if("function"==typeof btoa){var i=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),s="/*# ".concat(o," */"),a=e.sources.map((function(n){return"/*# sourceURL=".concat(e.sourceRoot||"").concat(n," */")}));return[t].concat(a).concat([s]).join("\n")}return[t].join("\n")}},62:n=>{"use strict";var t=[];function e(n){for(var e=-1,i=0;i<t.length;i++)if(t[i].identifier===n){e=i;break}return e}function i(n,i){for(var s={},a=[],l=0;l<n.length;l++){var r=n[l],p=i.base?r[0]+i.base:r[0],A=s[p]||0,f="".concat(p," ").concat(A);s[p]=A+1;var c=e(f),m={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(-1!==c)t[c].references++,t[c].updater(m);else{var x=o(m,i);i.byIndex=l,t.splice(l,0,{identifier:f,updater:x,references:1})}a.push(f)}return a}function o(n,t){var e=t.domAPI(t);e.update(n);return function(t){if(t){if(t.css===n.css&&t.media===n.media&&t.sourceMap===n.sourceMap&&t.supports===n.supports&&t.layer===n.layer)return;e.update(n=t)}else e.remove()}}n.exports=function(n,o){var s=i(n=n||[],o=o||{});return function(n){n=n||[];for(var a=0;a<s.length;a++){var l=e(s[a]);t[l].references--}for(var r=i(n,o),p=0;p<s.length;p++){var A=e(s[p]);0===t[A].references&&(t[A].updater(),t.splice(A,1))}s=r}}},793:n=>{"use strict";var t={};n.exports=function(n,e){var i=function(n){if(void 0===t[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}t[n]=e}return t[n]}(n);if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}},173:n=>{"use strict";n.exports=function(n){var t=document.createElement("style");return n.setAttributes(t,n.attributes),n.insert(t,n.options),t}},892:(n,t,e)=>{"use strict";n.exports=function(n){var t=e.nc;t&&n.setAttribute("nonce",t)}},36:n=>{"use strict";n.exports=function(n){var t=n.insertStyleElement(n);return{update:function(e){!function(n,t,e){var i="";e.supports&&(i+="@supports (".concat(e.supports,") {")),e.media&&(i+="@media ".concat(e.media," {"));var o=void 0!==e.layer;o&&(i+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),i+=e.css,o&&(i+="}"),e.media&&(i+="}"),e.supports&&(i+="}");var s=e.sourceMap;s&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(i,n,t.options)}(t,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)}}}},464:n=>{"use strict";n.exports=function(n,t){if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}},51:n=>{"use strict";self,n.exports=function(){var n={947:function(n,t){function e(n){function t(t,o,s,a){var l=o?e+t+n.e+o:e+t,r=l;if(s){var p=" "+r+n.m;for(var A in s)if(s.hasOwnProperty(A)){var f=s[A];!0===f?r+=p+A:f&&(r+=p+A+i+f)}}if(void 0!==a)for(var c=0,m=a.length;c<m;c++){var x=a[c];if(x&&"string"==typeof x.valueOf())for(var h=x.valueOf().split(" "),u=0;u<h.length;u++){var g=h[u];g!==l&&(r+=" "+g)}}return r}var e=n.n||"",i=n.v||n.m;return function(n,e){return function(i,o,s){return"string"==typeof i?Array.isArray(o)?t(n,i,void 0,o):t(n,i,o,s):t(n,e,i,o)}}}e({e:"-",m:"_"}),t.withNaming=e},368:function(n,t,e){n.exports=e(947)}},t={};function e(i){var o=t[i];if(void 0!==o)return o.exports;var s=t[i]={exports:{}};return n[i](s,s.exports,e),s.exports}e.d=function(n,t){for(var i in t)e.o(t,i)&&!e.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:t[i]})},e.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var i={};return function(){e.r(i),e.d(i,{createNodeUid:function(){return t},createUid:function(){return n},cx:function(){return o},sleep:function(){return s}});var n=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(n){var t=16*Math.random()|0;return("x"==n?t:3&t|8).toString(16)}))},t=function(){return n().replace(/[^a-zA-Z]/g,"")},o=(0,e(368).withNaming)({e:"__",m:"_",v:"_"}),s=function(n){return new Promise((function(t){return setTimeout(t,n)}))}}(),i}()},164:n=>{"use strict";n.exports=t},309:n=>{"use strict";n.exports=e},862:n=>{"use strict";n.exports=i},156:t=>{"use strict";t.exports=n}},s={};function a(n){var t=s[n];if(void 0!==t)return t.exports;var e=s[n]={id:n,exports:{}};return o[n](e,e.exports,a),e.exports}a.n=n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return a.d(t,{a:t}),t},a.d=(n,t)=>{for(var e in t)a.o(t,e)&&!a.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:t[e]})},a.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t),a.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var l={};return(()=>{"use strict";a.r(l),a.d(l,{CustomCheckbox:()=>v,CustomIcon:()=>T,CustomInput:()=>X,Label:()=>Y,Text:()=>q,TextType:()=>P});var n=a(156),t=a.n(n),e=a(164),i=a(51),o=a(779),s=a.n(o),r=a(62),p=a.n(r),A=a(36),f=a.n(A),c=a(793),m=a.n(c),x=a(892),h=a.n(x),u=a(173),g=a.n(u),b=a(464),d=a.n(b),y=a(310),C={};C.styleTagTransform=d(),C.setAttributes=h(),C.insert=m().bind(null,"head"),C.domAPI=f(),C.insertStyleElement=g();p()(y.Z,C);y.Z&&y.Z.locals&&y.Z.locals;var w=function(){return w=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},w.apply(this,arguments)},B=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},_=(0,i.cx)("custom-checkbox"),v=function(n){var i=n.className,o=n.slot,a=B(n,["className","slot"]);return t().createElement("div",{className:s()(_(),i),slot:o,"data-testid":"test-checkbox"},t().createElement(e.IonCheckbox,w({tabIndex:0,className:_("checkbox")},a)))},z=a(470),R={};R.styleTagTransform=d(),R.setAttributes=h(),R.insert=m().bind(null,"head"),R.domAPI=f(),R.insertStyleElement=g();p()(z.Z,R);z.Z&&z.Z.locals&&z.Z.locals;var N=(0,i.cx)("custom-icon"),T=function(n){var i=n.icon,o=n.className;return"string"==typeof i?t().createElement(e.IonIcon,{className:o,icon:i}):t().createElement("div",{className:s()(N(),o)},i)},I=a(309),k=a(862),S=function(){return S=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},S.apply(this,arguments)},$=t().forwardRef((function(i,o){var s,a=i.inputType,l=(0,n.useRef)(null);switch((0,n.useImperativeHandle)(o,(function(){var n;return Object.assign(null!==(n=l.current)&&void 0!==n?n:{},{clearValue:function(){var n;(null===(n=l.current)||void 0===n?void 0:n.value)&&(l.current.value="")}})}),[]),a){case"textarea":return t().createElement(e.IonTextarea,S({},i,{ref:l,rows:null!==(s=i.rows)&&void 0!==s?s:1,autoGrow:!0}));case"input":return t().createElement(e.IonInput,S({},i,{ref:l}))}})),E=a(755),O={};O.styleTagTransform=d(),O.setAttributes=h(),O.insert=m().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=g();p()(E.Z,O);E.Z&&E.Z.locals&&E.Z.locals;var M=a(884),U={};U.styleTagTransform=d(),U.setAttributes=h(),U.insert=m().bind(null,"head"),U.domAPI=f(),U.insertStyleElement=g();p()(M.Z,U);M.Z&&M.Z.locals&&M.Z.locals;var L=a(491),J={};J.styleTagTransform=d(),J.setAttributes=h(),J.insert=m().bind(null,"head"),J.domAPI=f(),J.insertStyleElement=g();p()(L.Z,J);L.Z&&L.Z.locals&&L.Z.locals;var P,j=function(){return j=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},j.apply(this,arguments)},H=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},D=(0,i.cx)("text"),q=function(e){var i=e.type,o=e.mobileType,a=void 0===o?i:o,l=e.isMobile,r=void 0!==l&&l,p=H(e,["type","mobileType","isMobile"]),A=p.as,f=p.className,c=(0,n.useMemo)((function(){return r&&a?a:i}),[r,i,a]);switch(A){case"div":default:return t().createElement("div",j({},p,{className:s()(D({type:c}),f)}));case"p":return t().createElement("p",j({},p,{className:s()(D({type:c}),f)}));case"span":return t().createElement("span",j({},p,{className:s()(D({type:c}),f)}));case"h1":return t().createElement("h1",j({},p,{className:s()(D({type:c}),f)}));case"h2":return t().createElement("h2",j({},p,{className:s()(D({type:c}),f)}));case"h3":return t().createElement("h3",j({},p,{className:s()(D({type:c}),f)}));case"h4":return t().createElement("h4",j({},p,{className:s()(D({type:c}),f)}));case"h5":return t().createElement("h5",j({},p,{className:s()(D({type:c}),f)}));case"h6":return t().createElement("h6",j({},p,{className:s()(D({type:c}),f)}));case"a":return t().createElement("a",j({},p,{className:s()(D({type:c}),f)}))}};!function(n){n.TITLE_1_B="title-1-b",n.TITLE_2_B="title-2-b",n.TITLE_3="title-3",n.TITLE_5="title-5",n.TITLE_5_B="title-5-b",n.TITLE_6="title-6",n.TITLE_7="title-7",n.TITLE_8="title-8",n.TITLE_6_M="title-6-m",n.TITLE_9="title-9",n.TITLE_9_B="title-9-b",n.TITLE_16="title-16",n.TITLE_28="title-28",n.SUBTITLE_1="subtitle-1",n.SUBTITLE_1_M="subtitle-1-m",n.SUBTITLE_2="subtitle-2",n.SUBTITLE_3="subtitle-3",n.SUBTITLE_4="subtitle-4",n.BODY_1="body-1",n.BODY_1_R="body-1-r",n.BODY_2="body-2",n.BODY_2_M="body-2-m",n.BODY_3="body-3",n.BODY_4="body-4",n.BODY_5="body-5",n.BODY_6="body-6",n.SUBHEAD_1_B="subhead-1-b",n.SUBHEAD_2="subhead-2",n.SUBHEAD_3="subhead-3",n.SUBHEAD_2_R="subhead-2-r",n.SUBHEAD_4_M="subhead-4-m",n.CAPTION_1="caption-1",n.CAPTION_1_B="caption-1-b",n.CAPTION_2="caption-2",n.CAPTION_2_LEFT="caption-2-left",n.CAPTION_3="caption-3",n.CAPTION_4="caption-4",n.CAPTION_12="caption-12",n.BUTTON_13M="button-13m",n.SMALL_TEXT="small-text",n.SUBCAPTION_2_B="subcaption-2-b"}(P||(P={}));var Z=(0,i.cx)("label"),Y=function(n){var e=n.isMinimized,i=n.color,o=void 0===i?"default":i,a=n.isMobile,l=void 0!==a&&a,r=n.className,p=n.children;return t().createElement(q,{type:P[e?"CAPTION_2":"BODY_1_R"],className:s()(Z({minimized:e,color:o}),r),isMobile:l},p)},W=function(){return W=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},W.apply(this,arguments)},F=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},G=(0,i.cx)("custom-input"),X=t().forwardRef((function(i,o){var a,l=i.value,r=i.className,p=i.containerClassName,A=i.inputWrapperClassName,f=i.disabled,c=i.label,m=i.icon,x=i.iconLeft,h=i.iconClassName,u=i.prefix,g=i.prefixIcon,b=i.hasError,d=i.errorHint,y=i.hint,C=i.requiredSign,w=i.forceFocused,B=void 0!==w&&w,_=i.readonly,v=i.placeholder,z=i.clearButton,R=void 0!==z&&z,N=i.onClearValue,S=i.onInputWrapperClick,E=i.children,O=i.slot,M=F(i,["value","className","containerClassName","inputWrapperClassName","disabled","label","icon","iconLeft","iconClassName","prefix","prefixIcon","hasError","errorHint","hint","requiredSign","forceFocused","readonly","placeholder","clearButton","onClearValue","onInputWrapperClick","children","slot"]);null!==(a=M.inputType)&&void 0!==a||(M.inputType="input");var U=(0,n.useRef)(null);(0,n.useImperativeHandle)(o,(function(){return U.current}),[]);var L=(0,I.useFocusLifecycle)({onBlur:M.onIonBlur,onFocus:M.onIonFocus}),J=L.handleInputBlur,P=L.handleInputFocus,j=L.isFocused,H=B||j,D=(0,n.useCallback)((function(n){var t;null==N||N(n),null===(t=U.current)||void 0===t||t.clearValue()}),[N]),q=Boolean((H||l||v)&&c),Z=!l&&!q,X=c?c+(C?"*":""):void 0,Q=(0,n.useMemo)((function(){return f?"secondary":b?"error":void 0}),[f,b]);return t().createElement("div",{className:s()(G(),p),slot:O},t().createElement("div",{onClick:S,className:s()(G("input-wrapper",{clickable:Boolean(S)}),A)},t().createElement($,W({ref:U,className:s()(G("input",{active:H,disabled:f,readonly:Boolean(_),"with-minimized-label":q,"without-label":!c,"with-icon":Boolean(m&&!x),"with-icon-left":Boolean(m&&x),"with-prefix-icon":Boolean(g),"with-prefix":Boolean(u),"with-error":Boolean(b)}),r),onIonFocus:P,onIonBlur:J,value:l,disabled:f,readonly:_,placeholder:v},M),u&&t().createElement(Y,{className:G("prefix",{hidden:Z})},u),g&&t().createElement(T,{className:G("prefix-icon"),icon:g}),c&&t().createElement("div",{className:G("label-wrapper",{minimized:q})},t().createElement(Y,{isMinimized:q,color:Q},X)),!!l&&R&&t().createElement(e.IonButton,{size:"small",fill:"clear",className:G("clear-button",{type:M.inputType}),disabled:f,onClick:D},t().createElement(k.IcClose,{slot:"icon-only"}))),m&&t().createElement("div",{className:G("icon-wrapper",{position:x?"left":"right"})},t().createElement(T,{className:s()(G("icon"),h),icon:m}))),!b&&y&&t().createElement(Y,{className:G("hint"),isMinimized:!0,color:f?"secondary":"default"},y),d&&b&&t().createElement(Y,{className:G("hint"),isMinimized:!0,color:"error"},d),E)}))})(),l})()}));
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","mappings":"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","sources":["webpack://@it-holding-ui/atomic/webpack/universalModuleDefinition","webpack://@it-holding-ui/atomic/../../node_modules/classnames/index.js","webpack://@it-holding-ui/atomic/./src/CustomCheckbox/CustomCheckbox.scss","webpack://@it-holding-ui/atomic/./src/CustomIcon/CustomIcon.scss","webpack://@it-holding-ui/atomic/./src/CustomInput/CustomInput.scss","webpack://@it-holding-ui/atomic/./src/Label/Label.scss","webpack://@it-holding-ui/atomic/./src/Text/Text.scss","webpack://@it-holding-ui/atomic/../../node_modules/css-loader/dist/runtime/api.js","webpack://@it-holding-ui/atomic/../../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://@it-holding-ui/atomic/../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://@it-holding-ui/atomic/../../node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://@it-holding-ui/atomic/../../node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://@it-holding-ui/atomic/../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://@it-holding-ui/atomic/../../node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://@it-holding-ui/atomic/../../node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://@it-holding-ui/atomic/../utils/build/index.js","webpack://@it-holding-ui/atomic/external umd \"@ionic/react\"","webpack://@it-holding-ui/atomic/external umd \"@it-holding-ui/hooks\"","webpack://@it-holding-ui/atomic/external umd \"@it-holding-ui/icons\"","webpack://@it-holding-ui/atomic/external umd \"react\"","webpack://@it-holding-ui/atomic/webpack/bootstrap","webpack://@it-holding-ui/atomic/webpack/runtime/compat get default export","webpack://@it-holding-ui/atomic/webpack/runtime/define property getters","webpack://@it-holding-ui/atomic/webpack/runtime/hasOwnProperty shorthand","webpack://@it-holding-ui/atomic/webpack/runtime/make namespace object","webpack://@it-holding-ui/atomic/./src/CustomCheckbox/CustomCheckbox.scss?567a","webpack://@it-holding-ui/atomic/./src/CustomCheckbox/CustomCheckbox.tsx","webpack://@it-holding-ui/atomic/./src/CustomIcon/CustomIcon.scss?b1f8","webpack://@it-holding-ui/atomic/./src/CustomIcon/CustomIcon.tsx","webpack://@it-holding-ui/atomic/./src/CustomInput/InputFacade/InputFacade.tsx","webpack://@it-holding-ui/atomic/./src/CustomInput/CustomInput.scss?5118","webpack://@it-holding-ui/atomic/./src/Label/Label.scss?d975","webpack://@it-holding-ui/atomic/./src/Text/Text.scss?de2d","webpack://@it-holding-ui/atomic/./src/Text/Text.types.ts","webpack://@it-holding-ui/atomic/./src/Text/Text.tsx","webpack://@it-holding-ui/atomic/./src/Label/Label.tsx","webpack://@it-holding-ui/atomic/./src/CustomInput/CustomInput.tsx"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"@ionic/react\"), require(\"@it-holding-ui/hooks\"), require(\"@it-holding-ui/icons\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"@ionic/react\", \"@it-holding-ui/hooks\", \"@it-holding-ui/icons\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"@it-holding-ui/atomic\"] = factory(require(\"react\"), require(\"@ionic/react\"), require(\"@it-holding-ui/hooks\"), require(\"@it-holding-ui/icons\"));\n\telse\n\t\troot[\"@it-holding-ui/atomic\"] = factory(root[\"react\"], root[\"@ionic/react\"], root[\"@it-holding-ui/hooks\"], root[\"@it-holding-ui/icons\"]);\n})(self, function(__WEBPACK_EXTERNAL_MODULE__156__, __WEBPACK_EXTERNAL_MODULE__164__, __WEBPACK_EXTERNAL_MODULE__309__, __WEBPACK_EXTERNAL_MODULE__862__) {\nreturn ","/*!\n Copyright (c) 2018 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".custom-checkbox{display:inline-block;height:20px}.custom-checkbox__checkbox{--background: transparent;--background-checked: var(--brand-primary-40);--border-color: var(--base-60);--border-color-checked: var(--brand-primary-40);--border-radius: 4px;--size: 20px;margin:0;outline:none}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/CustomCheckbox/CustomCheckbox.scss\"],\"names\":[],\"mappings\":\"AA6eA,iBACI,oBAAA,CACA,WAJY,CAMZ,2BACI,yBAAA,CACA,6CAAA,CACA,8BAAA,CACA,+CAAA,CACA,oBAAA,CACA,YAAA,CAEA,QAAA,CACA,YAAA\",\"sourcesContent\":[\"@mixin cut-for-n-rows($n: 2) {\\n display: -webkit-box;\\n overflow: hidden;\\n white-space: pre-line;\\n text-overflow: ellipsis;\\n -webkit-line-clamp: $n;\\n -webkit-box-orient: vertical;\\n}\\n\\n@mixin no-scrollbar {\\n /* Hide scrollbar for Chrome, Safari and Opera */\\n &::-webkit-scrollbar {\\n display: none;\\n }\\n\\n -ms-overflow-style: none; /* IE and Edge */\\n scrollbar-width: none; /* Firefox */\\n}\\n\\n@mixin custom-scrollbar($track: var(--base-0)) {\\n &::-webkit-scrollbar {\\n position: absolute;\\n width: 8px;\\n height: 8px;\\n }\\n\\n /* Track */\\n &::-webkit-scrollbar-track {\\n background: $track;\\n }\\n\\n /* Handle */\\n &::-webkit-scrollbar-thumb {\\n background: #cdcdcd80;\\n border: 2px solid $track;\\n border-radius: 10px;\\n }\\n\\n /* Handle on hover */\\n &::-webkit-scrollbar-thumb:hover {\\n background: #b4b4b480;\\n }\\n}\\n\\n@mixin use-border-box-sizing() {\\n &,\\n * {\\n box-sizing: border-box;\\n }\\n}\\n\\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\\n transition: fill $transition-duration;\\n fill: $color;\\n\\n path {\\n transition: fill $transition-duration;\\n fill: inherit;\\n }\\n}\\n\\n@mixin fullscreen-modal() {\\n --height: calc(100% - (var(--ion-safe-area-top)));\\n}\\n\\n@mixin centered-flexbox() {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n\\n@mixin common-icon-self-size() {\\n width: 24px;\\n height: 24px;\\n}\\n\\n@mixin common-svg-size() {\\n svg {\\n @include common-icon-self-size();\\n }\\n}\\n/** TITLE **/\\n@mixin title-1-b {\\n /** styleName: Title 1 - B (32pt); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin title-2-b {\\n /** styleName: Title 2 - B (28pt); **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n}\\n\\n@mixin title-3 {\\n /** styleName: Title 3 - B (24pt); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5 {\\n /** styleName: Title 5 (32 B); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5-b {\\n /** styleName: Title 5 - B (20pt); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-6 {\\n /** styleName: Title 6 (24 B); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-7 {\\n /** styleName: Title 7 (24 M); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n}\\n\\n@mixin title-8 {\\n /** styleName: Title 8 (20 B); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-6-m {\\n /** styleName: Title 6 - M (20pt); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-9 {\\n /** styleName: Title 9 (20 M); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-9-b {\\n /** styleName: Title 9 - B (18); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-16 {\\n /** styleName: Title 16; **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-28 {\\n /** styleName: Title 28; **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBTITLE **/\\n@mixin subtitle-1 {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-1-m {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 500;\\n font-size: 18px;\\n font-style: normal;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-2 {\\n /** styleName: Subtitle 2 (13 B); **/\\n font-weight: bold;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n font-style: normal;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-3 {\\n /** styleName: Subtitle 3 (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-4 {\\n /** styleName: Subtitle 4 (13 R); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** BODY **/\\n@mixin body-1 {\\n /** styleName: Body 1 (17 M); **/\\n font-weight: 500;\\n font-size: 17px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin body-1-r {\\n /** styleName: Body 1 - R (16pt); **/\\n font-weight: normal;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n}\\n\\n@mixin body-2 {\\n /** styleName: Body 2 - B (16pt); **/\\n font-weight: 700;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-2-m {\\n /** styleName: Body 2 (15 M); **/\\n font-weight: 500;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-3 {\\n /** styleName: Body 3 - M (16pt); **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-4 {\\n /** styleName: Body 4 (15 R); **/\\n font-weight: normal;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-5 {\\n /** styleName: Body 5 (15px line-height: 22); **/\\n font-weight: 400;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-6 {\\n /** styleName: Body 6 (15px line-height: 22 B); **/\\n font-weight: 700;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n/** SUBHEAD **/\\n@mixin subhead-1-b {\\n /** styleName: Subhead 1 - B (14pt); **/\\n font-weight: 700;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2 {\\n /** styleName: Subhead 2 - R (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2-r {\\n /** styleName: subhead 2 - r (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-3 {\\n /** styleName: Subhead 3 - R (13pt); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-4-m {\\n /** styleName: Subhead 4 - M (14pt); **/\\n font-weight: 500;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** CAPTION **/\\n@mixin caption-1 {\\n /** styleName: Caption 1 (11 R Right); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-1-b {\\n /** styleName: Caption 1 - B (12pt) ; **/\\n font-weight: 700;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2 {\\n /** styleName: Caption 2 - R (12pt); **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2-left {\\n /** styleName: Caption 2 (11 R left); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.14px;\\n}\\n\\n@mixin caption-3 {\\n /** styleName: Caption 3 (11 R center); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-4 {\\n /** styleName: Caption 4 (11 M center); **/\\n font-weight: 500;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-12 {\\n /** styleName: Caption 12; **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n/** BUTTON **/\\n\\n@mixin button-13m {\\n /** styleName: BUTTON (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** SMALL TEXT **/\\n\\n@mixin small-text {\\n /** styleName: Small Text; **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBCAPTION **/\\n\\n@mixin subcaption-2-b {\\n /** styleName: subcaption2 - b (11pt); **/\\n font-weight: 700;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n$screen-small-min: 769px;\\n\\n@mixin desktop {\\n @media screen and (min-width: #{$screen-small-min}) {\\n @content;\\n }\\n}\\n\\n$screen-small-max: 768px;\\n\\n@mixin mobile {\\n @media screen and (max-width: #{$screen-small-max}) {\\n @content;\\n }\\n}\\n\\n$tablet-from: $screen-small-min;\\n\\n$tablet-to: 1024px;\\n\\n@mixin tablet {\\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\\n @content;\\n }\\n}\\n\\n$screen-xsmall-max: 567px;\\n\\n@mixin xsmall {\\n @media screen and (max-width: #{$screen-xsmall-max}) {\\n @content;\\n }\\n}\\n$checkbox-size: 20px;\\n\\n.custom-checkbox {\\n display: inline-block;\\n height: $checkbox-size;\\n\\n &__checkbox {\\n --background: transparent;\\n --background-checked: var(--brand-primary-40);\\n --border-color: var(--base-60);\\n --border-color-checked: var(--brand-primary-40);\\n --border-radius: 4px;\\n --size: #{$checkbox-size};\\n\\n margin: 0;\\n outline: none;\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".custom-icon{display:flex;align-items:center;justify-content:center}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/CustomIcon/CustomIcon.scss\"],\"names\":[],\"mappings\":\"AA2eA,aAzaI,YAAA,CACA,kBAAA,CACA,sBAAA\",\"sourcesContent\":[\"@mixin cut-for-n-rows($n: 2) {\\n display: -webkit-box;\\n overflow: hidden;\\n white-space: pre-line;\\n text-overflow: ellipsis;\\n -webkit-line-clamp: $n;\\n -webkit-box-orient: vertical;\\n}\\n\\n@mixin no-scrollbar {\\n /* Hide scrollbar for Chrome, Safari and Opera */\\n &::-webkit-scrollbar {\\n display: none;\\n }\\n\\n -ms-overflow-style: none; /* IE and Edge */\\n scrollbar-width: none; /* Firefox */\\n}\\n\\n@mixin custom-scrollbar($track: var(--base-0)) {\\n &::-webkit-scrollbar {\\n position: absolute;\\n width: 8px;\\n height: 8px;\\n }\\n\\n /* Track */\\n &::-webkit-scrollbar-track {\\n background: $track;\\n }\\n\\n /* Handle */\\n &::-webkit-scrollbar-thumb {\\n background: #cdcdcd80;\\n border: 2px solid $track;\\n border-radius: 10px;\\n }\\n\\n /* Handle on hover */\\n &::-webkit-scrollbar-thumb:hover {\\n background: #b4b4b480;\\n }\\n}\\n\\n@mixin use-border-box-sizing() {\\n &,\\n * {\\n box-sizing: border-box;\\n }\\n}\\n\\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\\n transition: fill $transition-duration;\\n fill: $color;\\n\\n path {\\n transition: fill $transition-duration;\\n fill: inherit;\\n }\\n}\\n\\n@mixin fullscreen-modal() {\\n --height: calc(100% - (var(--ion-safe-area-top)));\\n}\\n\\n@mixin centered-flexbox() {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n\\n@mixin common-icon-self-size() {\\n width: 24px;\\n height: 24px;\\n}\\n\\n@mixin common-svg-size() {\\n svg {\\n @include common-icon-self-size();\\n }\\n}\\n/** TITLE **/\\n@mixin title-1-b {\\n /** styleName: Title 1 - B (32pt); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin title-2-b {\\n /** styleName: Title 2 - B (28pt); **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n}\\n\\n@mixin title-3 {\\n /** styleName: Title 3 - B (24pt); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5 {\\n /** styleName: Title 5 (32 B); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5-b {\\n /** styleName: Title 5 - B (20pt); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-6 {\\n /** styleName: Title 6 (24 B); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-7 {\\n /** styleName: Title 7 (24 M); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n}\\n\\n@mixin title-8 {\\n /** styleName: Title 8 (20 B); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-6-m {\\n /** styleName: Title 6 - M (20pt); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-9 {\\n /** styleName: Title 9 (20 M); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-9-b {\\n /** styleName: Title 9 - B (18); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-16 {\\n /** styleName: Title 16; **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-28 {\\n /** styleName: Title 28; **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBTITLE **/\\n@mixin subtitle-1 {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-1-m {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 500;\\n font-size: 18px;\\n font-style: normal;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-2 {\\n /** styleName: Subtitle 2 (13 B); **/\\n font-weight: bold;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n font-style: normal;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-3 {\\n /** styleName: Subtitle 3 (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-4 {\\n /** styleName: Subtitle 4 (13 R); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** BODY **/\\n@mixin body-1 {\\n /** styleName: Body 1 (17 M); **/\\n font-weight: 500;\\n font-size: 17px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin body-1-r {\\n /** styleName: Body 1 - R (16pt); **/\\n font-weight: normal;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n}\\n\\n@mixin body-2 {\\n /** styleName: Body 2 - B (16pt); **/\\n font-weight: 700;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-2-m {\\n /** styleName: Body 2 (15 M); **/\\n font-weight: 500;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-3 {\\n /** styleName: Body 3 - M (16pt); **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-4 {\\n /** styleName: Body 4 (15 R); **/\\n font-weight: normal;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-5 {\\n /** styleName: Body 5 (15px line-height: 22); **/\\n font-weight: 400;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-6 {\\n /** styleName: Body 6 (15px line-height: 22 B); **/\\n font-weight: 700;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n/** SUBHEAD **/\\n@mixin subhead-1-b {\\n /** styleName: Subhead 1 - B (14pt); **/\\n font-weight: 700;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2 {\\n /** styleName: Subhead 2 - R (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2-r {\\n /** styleName: subhead 2 - r (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-3 {\\n /** styleName: Subhead 3 - R (13pt); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-4-m {\\n /** styleName: Subhead 4 - M (14pt); **/\\n font-weight: 500;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** CAPTION **/\\n@mixin caption-1 {\\n /** styleName: Caption 1 (11 R Right); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-1-b {\\n /** styleName: Caption 1 - B (12pt) ; **/\\n font-weight: 700;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2 {\\n /** styleName: Caption 2 - R (12pt); **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2-left {\\n /** styleName: Caption 2 (11 R left); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.14px;\\n}\\n\\n@mixin caption-3 {\\n /** styleName: Caption 3 (11 R center); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-4 {\\n /** styleName: Caption 4 (11 M center); **/\\n font-weight: 500;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-12 {\\n /** styleName: Caption 12; **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n/** BUTTON **/\\n\\n@mixin button-13m {\\n /** styleName: BUTTON (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** SMALL TEXT **/\\n\\n@mixin small-text {\\n /** styleName: Small Text; **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBCAPTION **/\\n\\n@mixin subcaption-2-b {\\n /** styleName: subcaption2 - b (11pt); **/\\n font-weight: 700;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n$screen-small-min: 769px;\\n\\n@mixin desktop {\\n @media screen and (min-width: #{$screen-small-min}) {\\n @content;\\n }\\n}\\n\\n$screen-small-max: 768px;\\n\\n@mixin mobile {\\n @media screen and (max-width: #{$screen-small-max}) {\\n @content;\\n }\\n}\\n\\n$tablet-from: $screen-small-min;\\n\\n$tablet-to: 1024px;\\n\\n@mixin tablet {\\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\\n @content;\\n }\\n}\\n\\n$screen-xsmall-max: 567px;\\n\\n@mixin xsmall {\\n @media screen and (max-width: #{$screen-xsmall-max}) {\\n @content;\\n }\\n}\\n.custom-icon {\\n @include centered-flexbox;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root{--custom-input-padding-start: 12px;--custom-input-padding-end: 12px;--custom-input-padding-top: 22px;--custom-input-padding-bottom: 6px;--custom-input-min-height: 52px;--custom-input-bottom-offset: 24px;--custom-input-icon-width: 32px;--custom-input-icon-height: 44px}.custom-input{--min-input-height: var(--custom-input-min-height);--padding-bottom: var(--custom-input-bottom-offset);position:relative;width:100%;padding-bottom:var(--padding-bottom)}.custom-input__input-wrapper{position:relative}.custom-input__input-wrapper_clickable{cursor:pointer}.custom-input ion-textarea.custom-input__input,.custom-input ion-input.custom-input__input{--transition-duration: 100ms;--prefix-icon-size: 24px;--background: var(--base-20);--padding-start: var(--custom-input-padding-start);--padding-end: var(--custom-input-padding-end);--padding-top: var(--custom-input-padding-top);--padding-bottom: var(--custom-input-padding-bottom);--border-radius: 12px;font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;margin:0;overflow:hidden;border-radius:12px;caret-color:var(--brand-secondary-40)}.custom-input ion-textarea.custom-input__input::after,.custom-input ion-input.custom-input__input::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--brand-secondary-40);opacity:0;transition:opacity var(--transition-duration);content:\\\"\\\"}.custom-input ion-textarea.custom-input__input input,.custom-input ion-textarea.custom-input__input textarea,.custom-input ion-input.custom-input__input input,.custom-input ion-input.custom-input__input textarea{height:100%;min-height:var(--min-input-height);opacity:1 !important}.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-outer-spin-button{opacity:0 !important}.custom-input ion-textarea.custom-input__input_with-minimized-label,.custom-input ion-input.custom-input__input_with-minimized-label{--padding-top: var(--custom-input-padding-top)}.custom-input ion-textarea.custom-input__input_with-minimized-label .prefix-icon,.custom-input ion-input.custom-input__input_with-minimized-label .prefix-icon{bottom:6px;bottom:var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_active::after,.custom-input ion-input.custom-input__input_active::after{opacity:1}.custom-input ion-textarea.custom-input__input_disabled,.custom-input ion-input.custom-input__input_disabled{color:var(--base-50)}.custom-input ion-textarea.custom-input__input_disabled::after,.custom-input ion-input.custom-input__input_disabled::after{opacity:0}.custom-input ion-textarea.custom-input__input_readonly,.custom-input ion-input.custom-input__input_readonly{pointer-events:none}.custom-input ion-textarea.custom-input__input_with-error::after,.custom-input ion-input.custom-input__input_with-error::after{background-color:var(--danger-40);opacity:1}.custom-input ion-textarea.custom-input__input_with-icon,.custom-input ion-input.custom-input__input_with-icon{--padding-end: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-icon-left,.custom-input ion-input.custom-input__input_with-icon-left{--padding-start: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-prefix,.custom-input ion-input.custom-input__input_with-prefix{--padding-start: 4px}.custom-input ion-textarea.custom-input__input_with-prefix .label-wrapper,.custom-input ion-input.custom-input__input_with-prefix .label-wrapper{left:12px;left:var(--custom-input-padding-end)}.custom-input ion-textarea.custom-input__input_without-label,.custom-input ion-input.custom-input__input_without-label{--padding-top: var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_with-prefix-icon,.custom-input ion-input.custom-input__input_with-prefix-icon{--padding-start: calc(var(--custom-input-padding-end) + var(--prefix-icon-size) + var(--custom-input-padding-end))}.custom-input__prefix{margin:auto 0 0 12px;margin:auto 0 0 var(--custom-input-padding-end);opacity:1;transition:opacity var(--transition-duration)}.custom-input__prefix_hidden{opacity:0}.custom-input__prefix-icon{width:24px;height:24px;position:absolute;bottom:calc(6px + 8px);bottom:calc(var(--custom-input-padding-bottom) + 8px);left:12px;left:var(--custom-input-padding-end);display:flex;align-items:center;justify-content:center;transition:bottom var(--transition-duration)}.custom-input__label-wrapper{position:absolute;top:calc(6px + 2px);top:calc(var(--custom-input-padding-bottom) + 2px);left:var(--padding-start);z-index:3;transition:top var(--transition-duration);pointer-events:none}.custom-input__label-wrapper_minimized{top:6px;top:var(--custom-input-padding-bottom)}.custom-input__clear-button{--background-activated: var(--base-0);--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;position:absolute;top:calc((52px - 18px)/2);top:calc((var(--custom-input-min-height) - 18px)/2);right:6px;z-index:99;width:18px;height:18px;margin:0}.custom-input__clear-button svg{transition:fill 200ms;fill:var(--base-110);width:16px;height:16px}.custom-input__clear-button svg path{transition:fill 200ms;fill:inherit}.custom-input__clear-button_type_textarea{top:6px}.custom-input__icon-wrapper{position:absolute;top:calc((var(--min-input-height) - 44px)/2);top:calc((var(--min-input-height) - var(--custom-input-icon-height))/2);right:12px;right:var(--custom-input-padding-end);z-index:2;display:flex;align-items:center;height:44px;height:var(--custom-input-icon-height)}.custom-input__icon-wrapper_position_left{right:unset;left:12px;left:var(--custom-input-padding-end)}.custom-input__icon{width:32px;width:var(--custom-input-icon-width)}.custom-input__hint{position:absolute;bottom:4px;left:12px;left:var(--custom-input-padding-end)}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/CustomInput/CustomInput.scss\"],\"names\":[],\"mappings\":\"AA2eA,MACI,kCAAA,CACA,gCAAA,CACA,gCAAA,CACA,kCAAA,CACA,+BAAA,CACA,kCAAA,CACA,+BAAA,CACA,gCAAA,CAOJ,cACI,kDAAA,CACA,mDAAA,CAEA,iBAAA,CACA,UAAA,CACA,oCAAA,CAEA,6BACI,iBAAA,CAEA,uCACI,cAAA,CAIR,2FAEI,4BAAA,CACA,wBAAA,CACA,4BAAA,CAGA,kDAAA,CACA,8CAAA,CACA,8CAAA,CACA,oDAAA,CACA,qBAAA,CArRJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CAsRI,QAAA,CACA,eAAA,CACA,kBAAA,CACA,qCAAA,CAEA,yGACI,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,UAAA,CACA,0CAAA,CACA,SAAA,CACA,6CAAA,CACA,UAAA,CAGJ,oNAEI,WAAA,CACA,kCAAA,CAGA,oBAAA,CAEA,wuBAEI,oBAAA,CAIR,qIACI,8CAAA,CAEA,+JACI,UApEG,CAoEH,yCApEG,CAyEP,uHACI,SAAA,CAIR,6GACI,oBAAA,CAEA,2HACI,SAAA,CAIR,6GACI,mBAAA,CAIA,+HACI,iCAAA,CACA,SAAA,CAIR,+GACI,uHAAA,CAGJ,yHACI,yHAAA,CAGJ,mHACI,oBAAA,CAEA,iJACI,SAAA,CAAA,oCAAA,CAIR,uHACI,iDAAA,CAGJ,6HACI,kHAAA,CAIR,sBACI,oBAAA,CAAA,+CAAA,CACA,SAAA,CACA,6CAAA,CAEA,6BACI,SAAA,CAIR,2BApjBA,UAAA,CACA,WAAA,CAsjBI,iBAAA,CACA,sBAAA,CAAA,qDAAA,CACA,SA1Ia,CA0Ib,oCA1Ia,CA2Ib,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,4CAAA,CAGJ,6BACI,iBAAA,CACA,mBAAA,CAAA,kDAAA,CACA,yBAAA,CACA,SAAA,CACA,yCAAA,CACA,mBAAA,CAEA,uCACI,OAzJO,CAyJP,sCAzJO,CA6Jf,4BACI,qCAAA,CACA,oBAAA,CACA,kBAAA,CACA,kBAAA,CACA,qBAAA,CAEA,iBAAA,CACA,yBAAA,CAAA,mDAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CAEA,gCAhnBJ,qBAAA,CACA,oBAgnBmC,CAE3B,UAAA,CACA,WAAA,CAjnBR,qCACI,qBAAA,CACA,YAAA,CAmnBI,0CACI,OAAA,CAKZ,4BACI,iBAAA,CACA,4CAAA,CAAA,uEAAA,CACA,UA9La,CA8Lb,qCA9La,CA+Lb,SAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CAAA,sCAAA,CAGI,0CACI,WAAA,CACA,SAvMK,CAuML,oCAvMK,CA4MjB,oBACI,UAAA,CAAA,oCAAA,CAGJ,oBACI,iBAAA,CACA,UAAA,CACA,SAnNa,CAmNb,oCAnNa\",\"sourcesContent\":[\"@mixin cut-for-n-rows($n: 2) {\\n display: -webkit-box;\\n overflow: hidden;\\n white-space: pre-line;\\n text-overflow: ellipsis;\\n -webkit-line-clamp: $n;\\n -webkit-box-orient: vertical;\\n}\\n\\n@mixin no-scrollbar {\\n /* Hide scrollbar for Chrome, Safari and Opera */\\n &::-webkit-scrollbar {\\n display: none;\\n }\\n\\n -ms-overflow-style: none; /* IE and Edge */\\n scrollbar-width: none; /* Firefox */\\n}\\n\\n@mixin custom-scrollbar($track: var(--base-0)) {\\n &::-webkit-scrollbar {\\n position: absolute;\\n width: 8px;\\n height: 8px;\\n }\\n\\n /* Track */\\n &::-webkit-scrollbar-track {\\n background: $track;\\n }\\n\\n /* Handle */\\n &::-webkit-scrollbar-thumb {\\n background: #cdcdcd80;\\n border: 2px solid $track;\\n border-radius: 10px;\\n }\\n\\n /* Handle on hover */\\n &::-webkit-scrollbar-thumb:hover {\\n background: #b4b4b480;\\n }\\n}\\n\\n@mixin use-border-box-sizing() {\\n &,\\n * {\\n box-sizing: border-box;\\n }\\n}\\n\\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\\n transition: fill $transition-duration;\\n fill: $color;\\n\\n path {\\n transition: fill $transition-duration;\\n fill: inherit;\\n }\\n}\\n\\n@mixin fullscreen-modal() {\\n --height: calc(100% - (var(--ion-safe-area-top)));\\n}\\n\\n@mixin centered-flexbox() {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n\\n@mixin common-icon-self-size() {\\n width: 24px;\\n height: 24px;\\n}\\n\\n@mixin common-svg-size() {\\n svg {\\n @include common-icon-self-size();\\n }\\n}\\n/** TITLE **/\\n@mixin title-1-b {\\n /** styleName: Title 1 - B (32pt); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin title-2-b {\\n /** styleName: Title 2 - B (28pt); **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n}\\n\\n@mixin title-3 {\\n /** styleName: Title 3 - B (24pt); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5 {\\n /** styleName: Title 5 (32 B); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5-b {\\n /** styleName: Title 5 - B (20pt); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-6 {\\n /** styleName: Title 6 (24 B); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-7 {\\n /** styleName: Title 7 (24 M); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n}\\n\\n@mixin title-8 {\\n /** styleName: Title 8 (20 B); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-6-m {\\n /** styleName: Title 6 - M (20pt); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-9 {\\n /** styleName: Title 9 (20 M); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-9-b {\\n /** styleName: Title 9 - B (18); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-16 {\\n /** styleName: Title 16; **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-28 {\\n /** styleName: Title 28; **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBTITLE **/\\n@mixin subtitle-1 {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-1-m {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 500;\\n font-size: 18px;\\n font-style: normal;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-2 {\\n /** styleName: Subtitle 2 (13 B); **/\\n font-weight: bold;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n font-style: normal;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-3 {\\n /** styleName: Subtitle 3 (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-4 {\\n /** styleName: Subtitle 4 (13 R); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** BODY **/\\n@mixin body-1 {\\n /** styleName: Body 1 (17 M); **/\\n font-weight: 500;\\n font-size: 17px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin body-1-r {\\n /** styleName: Body 1 - R (16pt); **/\\n font-weight: normal;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n}\\n\\n@mixin body-2 {\\n /** styleName: Body 2 - B (16pt); **/\\n font-weight: 700;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-2-m {\\n /** styleName: Body 2 (15 M); **/\\n font-weight: 500;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-3 {\\n /** styleName: Body 3 - M (16pt); **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-4 {\\n /** styleName: Body 4 (15 R); **/\\n font-weight: normal;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-5 {\\n /** styleName: Body 5 (15px line-height: 22); **/\\n font-weight: 400;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-6 {\\n /** styleName: Body 6 (15px line-height: 22 B); **/\\n font-weight: 700;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n/** SUBHEAD **/\\n@mixin subhead-1-b {\\n /** styleName: Subhead 1 - B (14pt); **/\\n font-weight: 700;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2 {\\n /** styleName: Subhead 2 - R (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2-r {\\n /** styleName: subhead 2 - r (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-3 {\\n /** styleName: Subhead 3 - R (13pt); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-4-m {\\n /** styleName: Subhead 4 - M (14pt); **/\\n font-weight: 500;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** CAPTION **/\\n@mixin caption-1 {\\n /** styleName: Caption 1 (11 R Right); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-1-b {\\n /** styleName: Caption 1 - B (12pt) ; **/\\n font-weight: 700;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2 {\\n /** styleName: Caption 2 - R (12pt); **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2-left {\\n /** styleName: Caption 2 (11 R left); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.14px;\\n}\\n\\n@mixin caption-3 {\\n /** styleName: Caption 3 (11 R center); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-4 {\\n /** styleName: Caption 4 (11 M center); **/\\n font-weight: 500;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-12 {\\n /** styleName: Caption 12; **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n/** BUTTON **/\\n\\n@mixin button-13m {\\n /** styleName: BUTTON (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** SMALL TEXT **/\\n\\n@mixin small-text {\\n /** styleName: Small Text; **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBCAPTION **/\\n\\n@mixin subcaption-2-b {\\n /** styleName: subcaption2 - b (11pt); **/\\n font-weight: 700;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n$screen-small-min: 769px;\\n\\n@mixin desktop {\\n @media screen and (min-width: #{$screen-small-min}) {\\n @content;\\n }\\n}\\n\\n$screen-small-max: 768px;\\n\\n@mixin mobile {\\n @media screen and (max-width: #{$screen-small-max}) {\\n @content;\\n }\\n}\\n\\n$tablet-from: $screen-small-min;\\n\\n$tablet-to: 1024px;\\n\\n@mixin tablet {\\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\\n @content;\\n }\\n}\\n\\n$screen-xsmall-max: 567px;\\n\\n@mixin xsmall {\\n @media screen and (max-width: #{$screen-xsmall-max}) {\\n @content;\\n }\\n}\\n:root {\\n --custom-input-padding-start: 12px;\\n --custom-input-padding-end: 12px;\\n --custom-input-padding-top: 22px;\\n --custom-input-padding-bottom: 6px;\\n --custom-input-min-height: 52px;\\n --custom-input-bottom-offset: 24px;\\n --custom-input-icon-width: 32px;\\n --custom-input-icon-height: 44px;\\n}\\n\\n$input-with-minimized-label-padding-top: var(--custom-input-padding-top);\\n$horizontal-padding: var(--custom-input-padding-end);\\n$vertical-padding: var(--custom-input-padding-bottom);\\n\\n.custom-input {\\n --min-input-height: var(--custom-input-min-height);\\n --padding-bottom: var(--custom-input-bottom-offset);\\n\\n position: relative;\\n width: 100%;\\n padding-bottom: var(--padding-bottom);\\n\\n &__input-wrapper {\\n position: relative;\\n\\n &_clickable {\\n cursor: pointer;\\n }\\n }\\n\\n ion-textarea#{&}__input,\\n ion-input#{&}__input {\\n --transition-duration: 100ms;\\n --prefix-icon-size: 24px;\\n --background: var(--base-20);\\n\\n /** // ! make sure that this variables are equal to CustomCleaveInput variables **/\\n --padding-start: var(--custom-input-padding-start);\\n --padding-end: var(--custom-input-padding-end);\\n --padding-top: var(--custom-input-padding-top);\\n --padding-bottom: var(--custom-input-padding-bottom);\\n --border-radius: 12px;\\n\\n @include body-1-r;\\n\\n margin: 0;\\n overflow: hidden;\\n border-radius: 12px;\\n caret-color: var(--brand-secondary-40);\\n\\n &::after {\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n width: 100%;\\n height: 2px;\\n background-color: var(--brand-secondary-40);\\n opacity: 0;\\n transition: opacity var(--transition-duration);\\n content: '';\\n }\\n\\n input,\\n textarea {\\n height: 100%;\\n min-height: var(--min-input-height);\\n\\n /** !important is used because there is no way to override the opacity style **/\\n opacity: 1 !important;\\n\\n &[type='number']::-webkit-inner-spin-button,\\n &[type='number']::-webkit-outer-spin-button {\\n opacity: 0 !important;\\n }\\n }\\n\\n &_with-minimized-label {\\n --padding-top: #{$input-with-minimized-label-padding-top};\\n\\n .prefix-icon {\\n bottom: $vertical-padding;\\n }\\n }\\n\\n &_active {\\n &::after {\\n opacity: 1;\\n }\\n }\\n\\n &_disabled {\\n color: var(--base-50);\\n\\n &::after {\\n opacity: 0;\\n }\\n }\\n\\n &_readonly {\\n pointer-events: none;\\n }\\n\\n &_with-error {\\n &::after {\\n background-color: var(--danger-40);\\n opacity: 1;\\n }\\n }\\n\\n &_with-icon {\\n --padding-end: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\\n }\\n\\n &_with-icon-left {\\n --padding-start: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\\n }\\n\\n &_with-prefix {\\n --padding-start: 4px;\\n\\n .label-wrapper {\\n left: var(--custom-input-padding-end);\\n }\\n }\\n\\n &_without-label {\\n --padding-top: #{$vertical-padding};\\n }\\n\\n &_with-prefix-icon {\\n --padding-start: calc(#{$horizontal-padding} + var(--prefix-icon-size) + #{$horizontal-padding});\\n }\\n }\\n\\n &__prefix {\\n margin: auto 0 0 $horizontal-padding;\\n opacity: 1;\\n transition: opacity var(--transition-duration);\\n\\n &_hidden {\\n opacity: 0;\\n }\\n }\\n\\n &__prefix-icon {\\n @include common-icon-self-size;\\n\\n position: absolute;\\n bottom: calc(#{$vertical-padding} + 8px);\\n left: $horizontal-padding;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n transition: bottom var(--transition-duration);\\n }\\n\\n &__label-wrapper {\\n position: absolute;\\n top: calc(#{$vertical-padding} + 2px);\\n left: var(--padding-start);\\n z-index: 3;\\n transition: top var(--transition-duration);\\n pointer-events: none;\\n\\n &_minimized {\\n top: $vertical-padding;\\n }\\n }\\n\\n &__clear-button {\\n --background-activated: var(--base-0);\\n --padding-start: 2px;\\n --padding-end: 2px;\\n --padding-top: 2px;\\n --padding-bottom: 2px;\\n\\n position: absolute;\\n top: calc((var(--custom-input-min-height) - 18px) / 2);\\n right: 6px;\\n z-index: 99;\\n width: 18px;\\n height: 18px;\\n margin: 0;\\n\\n svg {\\n @include fill-svg-and-path(var(--base-110));\\n\\n width: 16px;\\n height: 16px;\\n }\\n\\n &_type {\\n &_textarea {\\n top: 6px;\\n }\\n }\\n }\\n\\n &__icon-wrapper {\\n position: absolute;\\n top: calc((var(--min-input-height) - var(--custom-input-icon-height)) / 2);\\n right: $horizontal-padding;\\n z-index: 2;\\n display: flex;\\n align-items: center;\\n height: var(--custom-input-icon-height);\\n\\n &_position {\\n &_left {\\n right: unset;\\n left: $horizontal-padding;\\n }\\n }\\n }\\n\\n &__icon {\\n width: var(--custom-input-icon-width);\\n }\\n\\n &__hint {\\n position: absolute;\\n bottom: 4px;\\n left: $horizontal-padding;\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".label{display:flex;align-items:center;height:36px;color:var(--base-80);white-space:nowrap;transition-duration:var(--transition-duration);transition-property:font-weight,font-size,line-height,letter-spacing,height,color}.label_minimized{height:16px}.label_color_secondary{color:var(--base-50)}.label_color_error{color:var(--danger-40)}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/Label/Label.scss\"],\"names\":[],\"mappings\":\"AA2eA,OACI,YAAA,CACA,kBAAA,CACA,WAAA,CACA,oBAAA,CACA,kBAAA,CACA,8CAAA,CACA,iFAAA,CAEA,iBACI,WAAA,CAIA,uBACI,oBAAA,CAGJ,mBACI,sBAAA\",\"sourcesContent\":[\"@mixin cut-for-n-rows($n: 2) {\\n display: -webkit-box;\\n overflow: hidden;\\n white-space: pre-line;\\n text-overflow: ellipsis;\\n -webkit-line-clamp: $n;\\n -webkit-box-orient: vertical;\\n}\\n\\n@mixin no-scrollbar {\\n /* Hide scrollbar for Chrome, Safari and Opera */\\n &::-webkit-scrollbar {\\n display: none;\\n }\\n\\n -ms-overflow-style: none; /* IE and Edge */\\n scrollbar-width: none; /* Firefox */\\n}\\n\\n@mixin custom-scrollbar($track: var(--base-0)) {\\n &::-webkit-scrollbar {\\n position: absolute;\\n width: 8px;\\n height: 8px;\\n }\\n\\n /* Track */\\n &::-webkit-scrollbar-track {\\n background: $track;\\n }\\n\\n /* Handle */\\n &::-webkit-scrollbar-thumb {\\n background: #cdcdcd80;\\n border: 2px solid $track;\\n border-radius: 10px;\\n }\\n\\n /* Handle on hover */\\n &::-webkit-scrollbar-thumb:hover {\\n background: #b4b4b480;\\n }\\n}\\n\\n@mixin use-border-box-sizing() {\\n &,\\n * {\\n box-sizing: border-box;\\n }\\n}\\n\\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\\n transition: fill $transition-duration;\\n fill: $color;\\n\\n path {\\n transition: fill $transition-duration;\\n fill: inherit;\\n }\\n}\\n\\n@mixin fullscreen-modal() {\\n --height: calc(100% - (var(--ion-safe-area-top)));\\n}\\n\\n@mixin centered-flexbox() {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n\\n@mixin common-icon-self-size() {\\n width: 24px;\\n height: 24px;\\n}\\n\\n@mixin common-svg-size() {\\n svg {\\n @include common-icon-self-size();\\n }\\n}\\n/** TITLE **/\\n@mixin title-1-b {\\n /** styleName: Title 1 - B (32pt); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin title-2-b {\\n /** styleName: Title 2 - B (28pt); **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n}\\n\\n@mixin title-3 {\\n /** styleName: Title 3 - B (24pt); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5 {\\n /** styleName: Title 5 (32 B); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5-b {\\n /** styleName: Title 5 - B (20pt); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-6 {\\n /** styleName: Title 6 (24 B); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-7 {\\n /** styleName: Title 7 (24 M); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n}\\n\\n@mixin title-8 {\\n /** styleName: Title 8 (20 B); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-6-m {\\n /** styleName: Title 6 - M (20pt); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-9 {\\n /** styleName: Title 9 (20 M); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-9-b {\\n /** styleName: Title 9 - B (18); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-16 {\\n /** styleName: Title 16; **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-28 {\\n /** styleName: Title 28; **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBTITLE **/\\n@mixin subtitle-1 {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-1-m {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 500;\\n font-size: 18px;\\n font-style: normal;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-2 {\\n /** styleName: Subtitle 2 (13 B); **/\\n font-weight: bold;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n font-style: normal;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-3 {\\n /** styleName: Subtitle 3 (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-4 {\\n /** styleName: Subtitle 4 (13 R); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** BODY **/\\n@mixin body-1 {\\n /** styleName: Body 1 (17 M); **/\\n font-weight: 500;\\n font-size: 17px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin body-1-r {\\n /** styleName: Body 1 - R (16pt); **/\\n font-weight: normal;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n}\\n\\n@mixin body-2 {\\n /** styleName: Body 2 - B (16pt); **/\\n font-weight: 700;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-2-m {\\n /** styleName: Body 2 (15 M); **/\\n font-weight: 500;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-3 {\\n /** styleName: Body 3 - M (16pt); **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-4 {\\n /** styleName: Body 4 (15 R); **/\\n font-weight: normal;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-5 {\\n /** styleName: Body 5 (15px line-height: 22); **/\\n font-weight: 400;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-6 {\\n /** styleName: Body 6 (15px line-height: 22 B); **/\\n font-weight: 700;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n/** SUBHEAD **/\\n@mixin subhead-1-b {\\n /** styleName: Subhead 1 - B (14pt); **/\\n font-weight: 700;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2 {\\n /** styleName: Subhead 2 - R (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2-r {\\n /** styleName: subhead 2 - r (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-3 {\\n /** styleName: Subhead 3 - R (13pt); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-4-m {\\n /** styleName: Subhead 4 - M (14pt); **/\\n font-weight: 500;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** CAPTION **/\\n@mixin caption-1 {\\n /** styleName: Caption 1 (11 R Right); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-1-b {\\n /** styleName: Caption 1 - B (12pt) ; **/\\n font-weight: 700;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2 {\\n /** styleName: Caption 2 - R (12pt); **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2-left {\\n /** styleName: Caption 2 (11 R left); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.14px;\\n}\\n\\n@mixin caption-3 {\\n /** styleName: Caption 3 (11 R center); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-4 {\\n /** styleName: Caption 4 (11 M center); **/\\n font-weight: 500;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-12 {\\n /** styleName: Caption 12; **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n/** BUTTON **/\\n\\n@mixin button-13m {\\n /** styleName: BUTTON (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** SMALL TEXT **/\\n\\n@mixin small-text {\\n /** styleName: Small Text; **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBCAPTION **/\\n\\n@mixin subcaption-2-b {\\n /** styleName: subcaption2 - b (11pt); **/\\n font-weight: 700;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n$screen-small-min: 769px;\\n\\n@mixin desktop {\\n @media screen and (min-width: #{$screen-small-min}) {\\n @content;\\n }\\n}\\n\\n$screen-small-max: 768px;\\n\\n@mixin mobile {\\n @media screen and (max-width: #{$screen-small-max}) {\\n @content;\\n }\\n}\\n\\n$tablet-from: $screen-small-min;\\n\\n$tablet-to: 1024px;\\n\\n@mixin tablet {\\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\\n @content;\\n }\\n}\\n\\n$screen-xsmall-max: 567px;\\n\\n@mixin xsmall {\\n @media screen and (max-width: #{$screen-xsmall-max}) {\\n @content;\\n }\\n}\\n.label {\\n display: flex;\\n align-items: center;\\n height: 36px;\\n color: var(--base-80);\\n white-space: nowrap;\\n transition-duration: var(--transition-duration);\\n transition-property: font-weight, font-size, line-height, letter-spacing, height, color;\\n\\n &_minimized {\\n height: 16px;\\n }\\n\\n &_color {\\n &_secondary {\\n color: var(--base-50);\\n }\\n\\n &_error {\\n color: var(--danger-40);\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".text_type_title-1-b{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.1px}.text_type_title-2-b{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:40px}.text_type_title-3{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-5{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.25px}.text_type_title-5-b{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-6{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-7{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px}.text_type_title-8{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.15px}.text_type_title-6-m{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-9{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.15px}.text_type_title-9-b{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-16{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-28{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:0}.text_type_subtitle-1{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_subtitle-1-m{font-weight:500;font-size:18px;font-style:normal;line-height:24px;letter-spacing:0}.text_type_subtitle-2{font-weight:bold;font-size:13px;font-family:Roboto,sans-serif;font-style:normal;line-height:18px;letter-spacing:.25px}.text_type_subtitle-3{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_subtitle-4{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_body-1{font-weight:500;font-size:17px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.25px}.text_type_body-1-r{font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px}.text_type_body-2{font-weight:700;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-2-m{font-weight:500;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-3{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-4{font-weight:normal;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-5{font-weight:400;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_body-6{font-weight:700;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_subhead-1-b{font-weight:700;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2-r{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-3{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_subhead-4-m{font-weight:500;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_caption-1{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-1-b{font-weight:700;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2-left{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.14px}.text_type_caption-3{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-4{font-weight:500;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-12{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_button-13m{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_small-text{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subcaption-2-b{font-weight:700;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/Text/Text.scss\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"@mixin cut-for-n-rows($n: 2) {\\n display: -webkit-box;\\n overflow: hidden;\\n white-space: pre-line;\\n text-overflow: ellipsis;\\n -webkit-line-clamp: $n;\\n -webkit-box-orient: vertical;\\n}\\n\\n@mixin no-scrollbar {\\n /* Hide scrollbar for Chrome, Safari and Opera */\\n &::-webkit-scrollbar {\\n display: none;\\n }\\n\\n -ms-overflow-style: none; /* IE and Edge */\\n scrollbar-width: none; /* Firefox */\\n}\\n\\n@mixin custom-scrollbar($track: var(--base-0)) {\\n &::-webkit-scrollbar {\\n position: absolute;\\n width: 8px;\\n height: 8px;\\n }\\n\\n /* Track */\\n &::-webkit-scrollbar-track {\\n background: $track;\\n }\\n\\n /* Handle */\\n &::-webkit-scrollbar-thumb {\\n background: #cdcdcd80;\\n border: 2px solid $track;\\n border-radius: 10px;\\n }\\n\\n /* Handle on hover */\\n &::-webkit-scrollbar-thumb:hover {\\n background: #b4b4b480;\\n }\\n}\\n\\n@mixin use-border-box-sizing() {\\n &,\\n * {\\n box-sizing: border-box;\\n }\\n}\\n\\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\\n transition: fill $transition-duration;\\n fill: $color;\\n\\n path {\\n transition: fill $transition-duration;\\n fill: inherit;\\n }\\n}\\n\\n@mixin fullscreen-modal() {\\n --height: calc(100% - (var(--ion-safe-area-top)));\\n}\\n\\n@mixin centered-flexbox() {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n\\n@mixin common-icon-self-size() {\\n width: 24px;\\n height: 24px;\\n}\\n\\n@mixin common-svg-size() {\\n svg {\\n @include common-icon-self-size();\\n }\\n}\\n/** TITLE **/\\n@mixin title-1-b {\\n /** styleName: Title 1 - B (32pt); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin title-2-b {\\n /** styleName: Title 2 - B (28pt); **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n}\\n\\n@mixin title-3 {\\n /** styleName: Title 3 - B (24pt); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5 {\\n /** styleName: Title 5 (32 B); **/\\n font-weight: 700;\\n font-size: 32px;\\n font-family: Roboto, sans-serif;\\n line-height: 40px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-5-b {\\n /** styleName: Title 5 - B (20pt); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-6 {\\n /** styleName: Title 6 (24 B); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin title-7 {\\n /** styleName: Title 7 (24 M); **/\\n font-weight: 700;\\n font-size: 24px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n}\\n\\n@mixin title-8 {\\n /** styleName: Title 8 (20 B); **/\\n font-weight: 700;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-6-m {\\n /** styleName: Title 6 - M (20pt); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 28px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-9 {\\n /** styleName: Title 9 (20 M); **/\\n font-weight: 500;\\n font-size: 20px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin title-9-b {\\n /** styleName: Title 9 - B (18); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-16 {\\n /** styleName: Title 16; **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin title-28 {\\n /** styleName: Title 28; **/\\n font-weight: 700;\\n font-size: 28px;\\n font-family: Roboto, sans-serif;\\n line-height: 32px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBTITLE **/\\n@mixin subtitle-1 {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 700;\\n font-size: 18px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-1-m {\\n /** styleName: Subtitle 1 - M (18pt); **/\\n font-weight: 500;\\n font-size: 18px;\\n font-style: normal;\\n line-height: 24px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subtitle-2 {\\n /** styleName: Subtitle 2 (13 B); **/\\n font-weight: bold;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n font-style: normal;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-3 {\\n /** styleName: Subtitle 3 (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin subtitle-4 {\\n /** styleName: Subtitle 4 (13 R); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** BODY **/\\n@mixin body-1 {\\n /** styleName: Body 1 (17 M); **/\\n font-weight: 500;\\n font-size: 17px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.25px;\\n}\\n\\n@mixin body-1-r {\\n /** styleName: Body 1 - R (16pt); **/\\n font-weight: normal;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n}\\n\\n@mixin body-2 {\\n /** styleName: Body 2 - B (16pt); **/\\n font-weight: 700;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-2-m {\\n /** styleName: Body 2 (15 M); **/\\n font-weight: 500;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-3 {\\n /** styleName: Body 3 - M (16pt); **/\\n font-weight: 500;\\n font-size: 16px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0;\\n}\\n\\n@mixin body-4 {\\n /** styleName: Body 4 (15 R); **/\\n font-weight: normal;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 24px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-5 {\\n /** styleName: Body 5 (15px line-height: 22); **/\\n font-weight: 400;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n@mixin body-6 {\\n /** styleName: Body 6 (15px line-height: 22 B); **/\\n font-weight: 700;\\n font-size: 15px;\\n font-family: Roboto, sans-serif;\\n line-height: 22px;\\n letter-spacing: 0.1px;\\n}\\n\\n/** SUBHEAD **/\\n@mixin subhead-1-b {\\n /** styleName: Subhead 1 - B (14pt); **/\\n font-weight: 700;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2 {\\n /** styleName: Subhead 2 - R (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-2-r {\\n /** styleName: subhead 2 - r (14pt); **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-3 {\\n /** styleName: Subhead 3 - R (13pt); **/\\n font-weight: 400;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin subhead-4-m {\\n /** styleName: Subhead 4 - M (14pt); **/\\n font-weight: 500;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** CAPTION **/\\n@mixin caption-1 {\\n /** styleName: Caption 1 (11 R Right); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-1-b {\\n /** styleName: Caption 1 - B (12pt) ; **/\\n font-weight: 700;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2 {\\n /** styleName: Caption 2 - R (12pt); **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-2-left {\\n /** styleName: Caption 2 (11 R left); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.14px;\\n}\\n\\n@mixin caption-3 {\\n /** styleName: Caption 3 (11 R center); **/\\n font-weight: 400;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0.15px;\\n}\\n\\n@mixin caption-4 {\\n /** styleName: Caption 4 (11 M center); **/\\n font-weight: 500;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n@mixin caption-12 {\\n /** styleName: Caption 12; **/\\n font-weight: 400;\\n font-size: 12px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n\\n/** BUTTON **/\\n\\n@mixin button-13m {\\n /** styleName: BUTTON (13 M); **/\\n font-weight: 500;\\n font-size: 13px;\\n font-family: Roboto, sans-serif;\\n line-height: 18px;\\n letter-spacing: 0.25px;\\n}\\n\\n/** SMALL TEXT **/\\n\\n@mixin small-text {\\n /** styleName: Small Text; **/\\n font-weight: 400;\\n font-size: 14px;\\n font-family: Roboto, sans-serif;\\n line-height: 20px;\\n letter-spacing: 0;\\n}\\n\\n/** SUBCAPTION **/\\n\\n@mixin subcaption-2-b {\\n /** styleName: subcaption2 - b (11pt); **/\\n font-weight: 700;\\n font-size: 11px;\\n font-family: Roboto, sans-serif;\\n line-height: 16px;\\n letter-spacing: 0;\\n}\\n$screen-small-min: 769px;\\n\\n@mixin desktop {\\n @media screen and (min-width: #{$screen-small-min}) {\\n @content;\\n }\\n}\\n\\n$screen-small-max: 768px;\\n\\n@mixin mobile {\\n @media screen and (max-width: #{$screen-small-max}) {\\n @content;\\n }\\n}\\n\\n$tablet-from: $screen-small-min;\\n\\n$tablet-to: 1024px;\\n\\n@mixin tablet {\\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\\n @content;\\n }\\n}\\n\\n$screen-xsmall-max: 567px;\\n\\n@mixin xsmall {\\n @media screen and (max-width: #{$screen-xsmall-max}) {\\n @content;\\n }\\n}\\n.text {\\n &_type {\\n /** TITLE **/\\n &_title-1-b {\\n @include title-1-b;\\n }\\n\\n &_title-2-b {\\n @include title-2-b;\\n }\\n\\n &_title-3 {\\n @include title-3;\\n }\\n\\n &_title-5 {\\n @include title-5;\\n }\\n\\n &_title-5-b {\\n @include title-5-b;\\n }\\n\\n &_title-6 {\\n @include title-6;\\n }\\n\\n &_title-7 {\\n @include title-7;\\n }\\n\\n &_title-8 {\\n @include title-8;\\n }\\n\\n &_title-6-m {\\n @include title-6-m;\\n }\\n\\n &_title-9 {\\n @include title-9;\\n }\\n\\n &_title-9-b {\\n @include title-9-b;\\n }\\n\\n &_title-16 {\\n @include title-16;\\n }\\n\\n &_title-28 {\\n @include title-28;\\n }\\n\\n /** SUBTITLE **/\\n &_subtitle-1 {\\n @include subtitle-1;\\n }\\n\\n &_subtitle-1-m {\\n @include subtitle-1-m;\\n }\\n\\n &_subtitle-2 {\\n @include subtitle-2;\\n }\\n\\n &_subtitle-3 {\\n @include subtitle-3;\\n }\\n\\n &_subtitle-4 {\\n @include subtitle-4;\\n }\\n\\n /** BODY **/\\n &_body-1 {\\n @include body-1;\\n }\\n\\n &_body-1-r {\\n @include body-1-r;\\n }\\n\\n &_body-2 {\\n @include body-2;\\n }\\n\\n &_body-2-m {\\n @include body-2-m;\\n }\\n\\n &_body-3 {\\n @include body-3;\\n }\\n\\n &_body-4 {\\n @include body-4;\\n }\\n\\n &_body-5 {\\n @include body-5;\\n }\\n\\n &_body-6 {\\n @include body-6;\\n }\\n\\n /** SUBHEAD **/\\n\\n &_subhead-1-b {\\n @include subhead-1-b;\\n }\\n\\n &_subhead-2 {\\n @include subhead-2;\\n }\\n\\n &_subhead-2-r {\\n @include subhead-2-r;\\n }\\n\\n &_subhead-3 {\\n @include subhead-3;\\n }\\n\\n &_subhead-4-m {\\n @include subhead-4-m;\\n }\\n\\n /** CAPTION **/\\n &_caption-1 {\\n @include caption-1;\\n }\\n\\n &_caption-1-b {\\n @include caption-1-b;\\n }\\n\\n &_caption-2 {\\n @include caption-2;\\n }\\n\\n &_caption-2-left {\\n @include caption-2-left;\\n }\\n\\n &_caption-3 {\\n @include caption-3;\\n }\\n\\n &_caption-4 {\\n @include caption-4;\\n }\\n\\n &_caption-12 {\\n @include caption-12;\\n }\\n\\n /** BUTTON **/\\n\\n &_button-13m {\\n @include button-13m;\\n }\\n\\n /** SMALL TEXT **/\\n\\n &_small-text {\\n @include small-text;\\n }\\n\\n /** SUBCAPTION **/\\n\\n &_subcaption-2-b {\\n @include subcaption-2-b;\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n\n content += cssWithMappingToString(item);\n\n if (needLayer) {\n content += \"}\";\n }\n\n if (item[2]) {\n content += \"}\";\n }\n\n if (item[4]) {\n content += \"}\";\n }\n\n return content;\n }).join(\"\");\n }; // import a list of modules into the list\n\n\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n\n if (!cssMapping) {\n return content;\n }\n\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n var sourceURLs = cssMapping.sources.map(function (source) {\n return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || \"\").concat(source, \" */\");\n });\n return [content].concat(sourceURLs).concat([sourceMapping]).join(\"\\n\");\n }\n\n return [content].join(\"\\n\");\n};","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n\n return updater;\n}\n\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n\n var newLastIdentifiers = modulesToDom(newList, options);\n\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n\n var _index = getIndexByIdentifier(_identifier);\n\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n\n stylesInDOM.splice(_index, 1);\n }\n }\n\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next */\n\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n}\n/* istanbul ignore next */\n\n\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n\n var needLayer = typeof obj.layer !== \"undefined\";\n\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n\n css += obj.css;\n\n if (needLayer) {\n css += \"}\";\n }\n\n if (obj.media) {\n css += \"}\";\n }\n\n if (obj.supports) {\n css += \"}\";\n }\n\n var sourceMap = obj.sourceMap;\n\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n\n styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next */\n\n\nfunction domAPI(options) {\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n\n styleElement.appendChild(document.createTextNode(css));\n }\n}\n\nmodule.exports = styleTagTransform;","!function(e,r){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=r():\"function\"==typeof define&&define.amd?define([],r):\"object\"==typeof exports?exports[\"@it-holding-ui/utils\"]=r():e[\"@it-holding-ui/utils\"]=r()}(self,(function(){return(()=>{\"use strict\";var e={947:(e,r)=>{function t(e){function r(r,o,i,u){var x=o?t+r+e.e+o:t+r,f=x;if(i){var a=\" \"+f+e.m;for(var c in i)if(i.hasOwnProperty(c)){var p=i[c];!0===p?f+=a+c:p&&(f+=a+c+n+p)}}if(void 0!==u)for(var l=0,v=u.length;l<v;l++){var d=u[l];if(d&&\"string\"==typeof d.valueOf())for(var s=d.valueOf().split(\" \"),y=0;y<s.length;y++){var g=s[y];g!==x&&(f+=\" \"+g)}}return f}var t=e.n||\"\",n=e.v||e.m;return function(e,t){return function(n,o,i){return\"string\"==typeof n?Array.isArray(o)?r(e,n,void 0,o):r(e,n,o,i):r(e,t,n,o)}}}t({e:\"-\",m:\"_\"}),r.withNaming=t},368:(e,r,t)=>{e.exports=t(947)}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var i=r[n]={exports:{}};return e[n](i,i.exports,t),i.exports}t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})};var n={};return(()=>{t.r(n),t.d(n,{createNodeUid:()=>r,createUid:()=>e,cx:()=>o,sleep:()=>i});var e=function(){return\"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g,(function(e){var r=16*Math.random()|0;return(\"x\"==e?r:3&r|8).toString(16)}))},r=function(){return e().replace(/[^a-zA-Z]/g,\"\")},o=(0,t(368).withNaming)({e:\"__\",m:\"_\",v:\"_\"}),i=function(e){return new Promise((function(r){return setTimeout(r,e)}))}})(),n})()}));\n//# sourceMappingURL=index.js.map","module.exports = __WEBPACK_EXTERNAL_MODULE__164__;","module.exports = __WEBPACK_EXTERNAL_MODULE__309__;","module.exports = __WEBPACK_EXTERNAL_MODULE__862__;","module.exports = __WEBPACK_EXTERNAL_MODULE__156__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./CustomCheckbox.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./CustomCheckbox.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\nimport { IonCheckbox } from '@ionic/react';\nimport { cx } from '@it-holding-ui/utils';\nimport cn from 'classnames';\n\nimport { CustomCheckboxProps } from './CustomCheckbox.types';\n\nimport './CustomCheckbox.scss';\n\nconst cnCheckbox = cx('custom-checkbox');\n\nexport const CustomCheckbox = ({ className, slot, ...props }: CustomCheckboxProps) => (\n <div className={cn(cnCheckbox(), className)} slot={slot} data-testid=\"test-checkbox\">\n <IonCheckbox tabIndex={0} className={cnCheckbox('checkbox')} {...props} />\n </div>\n);\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./CustomIcon.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./CustomIcon.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\nimport { IonIcon } from '@ionic/react';\nimport { cx } from '@it-holding-ui/utils';\nimport cn from 'classnames';\n\nimport { CustomIconProps } from './CustomIcon.types';\n\nimport './CustomIcon.scss';\n\nconst cnIcon = cx('custom-icon');\n\nexport const CustomIcon: React.FC<CustomIconProps> = ({ icon, className }) =>\n typeof icon === 'string' ? (\n <IonIcon className={className} icon={icon} />\n ) : (\n <div className={cn(cnIcon(), className)}>{icon}</div>\n );\n","import React, { useImperativeHandle, useRef } from 'react';\nimport { IonInput, IonTextarea } from '@ionic/react';\n\nimport { CustomInputRef, InputFacadeProps } from './InputFacade.types';\n\nexport const InputFacade = React.forwardRef<\n CustomInputRef<HTMLIonInputElement | HTMLIonTextareaElement>,\n InputFacadeProps\n>((props: InputFacadeProps, ref) => {\n const { inputType } = props;\n\n const innerRef = useRef<HTMLIonInputElement | HTMLIonTextareaElement | null>(null);\n\n useImperativeHandle(\n ref,\n () =>\n Object.assign(innerRef.current ?? {}, {\n clearValue: () => {\n if (innerRef.current?.value) {\n innerRef.current.value = '';\n }\n },\n } as CustomInputRef<HTMLIonInputElement | HTMLIonTextareaElement>),\n [],\n );\n\n switch (inputType) {\n case 'textarea':\n return (\n <IonTextarea\n {...props}\n ref={innerRef as React.ForwardedRef<HTMLIonTextareaElement>}\n rows={props.rows ?? 1}\n autoGrow\n />\n );\n case 'input':\n return <IonInput {...props} ref={innerRef as React.ForwardedRef<HTMLIonInputElement>} />;\n }\n});\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./CustomInput.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./CustomInput.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./Label.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./Label.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./Text.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/style-resources-loader/lib/index.js??ruleSet[1].rules[1].use[4]!./Text.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import type { DetailedHTMLElementProps } from '@it-holding-ui/types';\n\nexport type DivTextProps = DetailedHTMLElementProps<HTMLDivElement> & {\n type: TextType;\n mobileType?: TextType;\n as?: 'div';\n};\n\nexport type ParagraphTextProps = DetailedHTMLElementProps<HTMLParagraphElement> & {\n type: TextType;\n mobileType?: TextType;\n as?: 'p';\n};\n\nexport type SpanTextProps = DetailedHTMLElementProps<HTMLSpanElement> & {\n type: TextType;\n mobileType?: TextType;\n as?: 'span';\n};\n\nexport type AnchorTextProps = DetailedHTMLElementProps<HTMLAnchorElement> & {\n type: TextType;\n mobileType?: TextType;\n as?: 'a';\n};\n\nexport type HeadingTextProps = DetailedHTMLElementProps<HTMLHeadElement> & {\n type: TextType;\n mobileType?: TextType;\n as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport type TextProps = (DivTextProps | ParagraphTextProps | SpanTextProps | AnchorTextProps | HeadingTextProps) & {\n isMobile?: boolean;\n};\n\nexport enum TextType {\n TITLE_1_B = 'title-1-b',\n TITLE_2_B = 'title-2-b',\n TITLE_3 = 'title-3',\n TITLE_5 = 'title-5',\n TITLE_5_B = 'title-5-b',\n TITLE_6 = 'title-6',\n TITLE_7 = 'title-7',\n TITLE_8 = 'title-8',\n TITLE_6_M = 'title-6-m',\n TITLE_9 = 'title-9',\n TITLE_9_B = 'title-9-b',\n TITLE_16 = 'title-16',\n TITLE_28 = 'title-28',\n SUBTITLE_1 = 'subtitle-1',\n SUBTITLE_1_M = 'subtitle-1-m',\n SUBTITLE_2 = 'subtitle-2',\n SUBTITLE_3 = 'subtitle-3',\n SUBTITLE_4 = 'subtitle-4',\n BODY_1 = 'body-1',\n BODY_1_R = 'body-1-r',\n BODY_2 = 'body-2',\n BODY_2_M = 'body-2-m',\n BODY_3 = 'body-3',\n BODY_4 = 'body-4',\n BODY_5 = 'body-5',\n BODY_6 = 'body-6',\n SUBHEAD_1_B = 'subhead-1-b',\n SUBHEAD_2 = 'subhead-2',\n SUBHEAD_3 = 'subhead-3',\n SUBHEAD_2_R = 'subhead-2-r',\n SUBHEAD_4_M = 'subhead-4-m',\n CAPTION_1 = 'caption-1',\n CAPTION_1_B = 'caption-1-b',\n CAPTION_2 = 'caption-2',\n CAPTION_2_LEFT = 'caption-2-left',\n CAPTION_3 = 'caption-3',\n CAPTION_4 = 'caption-4',\n CAPTION_12 = 'caption-12',\n BUTTON_13M = 'button-13m',\n SMALL_TEXT = 'small-text',\n SUBCAPTION_2_B = 'subcaption-2-b',\n}\n","import React, { useMemo } from 'react';\nimport { cx } from '@it-holding-ui/utils';\nimport cn from 'classnames';\n\nimport { DivTextProps, TextProps } from './Text.types';\n\nimport './Text.scss';\n\nconst cnText = cx('text');\n\nexport const Text = ({ type, mobileType = type, isMobile = false, ...props }: TextProps) => {\n const { as, className } = props;\n\n const currentType = useMemo(() => (isMobile && mobileType ? mobileType : type), [isMobile, type, mobileType]);\n\n switch (as) {\n case 'div':\n return <div {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'p':\n return <p {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'span':\n return <span {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'h1':\n return <h1 {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'h2':\n return <h2 {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'h3':\n return <h3 {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'h4':\n return <h4 {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'h5':\n return <h5 {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'h6':\n return <h6 {...props} className={cn(cnText({ type: currentType }), className)} />;\n case 'a':\n return <a {...props} className={cn(cnText({ type: currentType }), className)} />;\n default:\n return <div {...(props as DivTextProps)} className={cn(cnText({ type: currentType }), className)} />;\n }\n};\n","import React from 'react';\nimport { cx } from '@it-holding-ui/utils';\nimport cn from 'classnames';\n\nimport { LabelProps } from './Label.types';\n\nimport './Label.scss';\n\nimport { Text, TextType } from '~atomic/Text';\n\nconst cnLabel = cx('label');\n\nexport const Label: React.FC<LabelProps> = ({\n isMinimized,\n color = 'default',\n isMobile = false,\n className,\n children,\n}) => (\n <Text\n type={TextType[isMinimized ? 'CAPTION_2' : 'BODY_1_R']}\n className={cn(\n cnLabel({\n minimized: isMinimized,\n color,\n }),\n className,\n )}\n isMobile={isMobile}\n >\n {children}\n </Text>\n);\n","import React, { useCallback, useImperativeHandle, useMemo, useRef } from 'react';\nimport { IonButton } from '@ionic/react';\nimport { useFocusLifecycle } from '@it-holding-ui/hooks';\nimport { IcClose } from '@it-holding-ui/icons';\nimport { cx } from '@it-holding-ui/utils';\nimport cn from 'classnames';\n\nimport { CustomInputRef } from './InputFacade/InputFacade.types';\nimport { CustomInputProps } from './CustomInput.types';\nimport { InputFacade } from './InputFacade';\n\nimport './CustomInput.scss';\n\nimport { CustomIcon } from '~atomic/CustomIcon';\nimport { Label } from '~atomic/Label';\n\nconst cnInput = cx('custom-input');\n\nexport const CustomInput = React.forwardRef<HTMLIonInputElement | HTMLIonTextareaElement, CustomInputProps>(\n (\n {\n value,\n className,\n containerClassName,\n inputWrapperClassName,\n disabled,\n label,\n icon,\n iconLeft,\n iconClassName,\n prefix,\n prefixIcon,\n hasError,\n errorHint,\n hint,\n requiredSign,\n forceFocused = false,\n readonly,\n placeholder,\n clearButton = false,\n onClearValue,\n onInputWrapperClick,\n children,\n slot,\n ...props\n },\n ref,\n ) => {\n props.inputType ??= 'input';\n\n const innerRef = useRef<CustomInputRef<HTMLIonInputElement | HTMLIonTextareaElement>>(null);\n\n useImperativeHandle(ref, () => innerRef.current as HTMLIonInputElement, []);\n\n const {\n handleInputBlur,\n handleInputFocus,\n isFocused: isActuallyFocused,\n } = useFocusLifecycle<CustomEvent<FocusEvent>>({\n onBlur: props.onIonBlur as unknown as (e: CustomEvent<FocusEvent>) => void,\n onFocus: props.onIonFocus as unknown as (e: CustomEvent<FocusEvent>) => void,\n });\n\n const isFocused = forceFocused || isActuallyFocused;\n\n const handleClearValue = useCallback(\n (e: React.MouseEvent<HTMLIonButtonElement, MouseEvent>) => {\n onClearValue?.(e);\n innerRef.current?.clearValue();\n },\n [onClearValue],\n );\n\n const isLabelMinimized = Boolean((isFocused || value || placeholder) && label);\n\n const isPrefixHidden = !value && !isLabelMinimized;\n\n const computedLabel = label ? `${label}${requiredSign ? '*' : ''}` : undefined;\n\n const labelColor = useMemo(() => {\n if (disabled) {\n return 'secondary';\n }\n if (hasError) {\n return 'error';\n }\n }, [disabled, hasError]);\n\n return (\n <div className={cn(cnInput(), containerClassName)} slot={slot}>\n <div\n onClick={onInputWrapperClick}\n className={cn(\n cnInput('input-wrapper', { clickable: Boolean(onInputWrapperClick) }),\n inputWrapperClassName,\n )}\n >\n <InputFacade\n ref={innerRef}\n className={cn(\n cnInput('input', {\n active: isFocused,\n disabled: disabled,\n readonly: Boolean(readonly),\n 'with-minimized-label': isLabelMinimized,\n 'without-label': !label,\n 'with-icon': Boolean(icon && !iconLeft),\n 'with-icon-left': Boolean(icon && iconLeft),\n 'with-prefix-icon': Boolean(prefixIcon),\n 'with-prefix': Boolean(prefix),\n 'with-error': Boolean(hasError),\n }),\n className,\n )}\n onIonFocus={handleInputFocus}\n onIonBlur={handleInputBlur}\n value={value}\n disabled={disabled}\n readonly={readonly}\n placeholder={placeholder}\n {...props}\n >\n {prefix && <Label className={cnInput('prefix', { hidden: isPrefixHidden })}>{prefix}</Label>}\n {prefixIcon && <CustomIcon className={cnInput('prefix-icon')} icon={prefixIcon} />}\n {label && (\n <div className={cnInput('label-wrapper', { minimized: isLabelMinimized })}>\n <Label isMinimized={isLabelMinimized} color={labelColor}>\n {computedLabel}\n </Label>\n </div>\n )}\n {!!value && clearButton && (\n <IonButton\n size=\"small\"\n fill=\"clear\"\n className={cnInput('clear-button', { type: props.inputType })}\n disabled={disabled}\n onClick={handleClearValue}\n >\n <IcClose slot=\"icon-only\" />\n </IonButton>\n )}\n </InputFacade>\n {icon && (\n <div className={cnInput('icon-wrapper', { position: iconLeft ? 'left' : 'right' })}>\n <CustomIcon className={cn(cnInput('icon'), iconClassName)} icon={icon} />\n </div>\n )}\n </div>\n {!hasError && hint && (\n <Label className={cnInput('hint')} isMinimized color={disabled ? 'secondary' : 'default'}>\n {hint}\n </Label>\n )}\n {errorHint && hasError && (\n <Label className={cnInput('hint')} isMinimized color=\"error\">\n {errorHint}\n </Label>\n )}\n {children}\n </div>\n );\n },\n);\n"],"names":["root","factory","exports","module","require","define","amd","self","__WEBPACK_EXTERNAL_MODULE__156__","__WEBPACK_EXTERNAL_MODULE__164__","__WEBPACK_EXTERNAL_MODULE__309__","__WEBPACK_EXTERNAL_MODULE__862__","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","default","___CSS_LOADER_EXPORT___","id","cssWithMappingToString","list","this","map","item","content","needLayer","concat","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","sourceURLs","sources","source","sourceRoot","stylesInDOM","getIndexByIdentifier","identifier","result","modulesToDom","options","idCountMap","identifiers","base","count","indexByIdentifier","obj","css","sourceMap","references","updater","addElementStyle","byIndex","splice","api","domAPI","update","newObj","remove","lastIdentifiers","newList","index","newLastIdentifiers","_i","_index","memo","insert","style","target","styleTarget","document","querySelector","window","HTMLIFrameElement","contentDocument","head","e","getTarget","Error","appendChild","element","createElement","setAttributes","attributes","styleElement","nonce","setAttribute","insertStyleElement","styleTagTransform","parentNode","removeChild","removeStyleElement","styleSheet","cssText","firstChild","createTextNode","r","t","o","u","x","f","a","m","c","p","n","l","v","d","valueOf","s","split","y","g","withNaming","defineProperty","enumerable","get","Symbol","toStringTag","value","createNodeUid","createUid","cx","sleep","replace","Math","random","Promise","setTimeout","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","getter","__esModule","definition","prop","cnCheckbox","className","slot","props","IonCheckbox","tabIndex","cnIcon","icon","IonIcon","InputFacade","ref","inputType","innerRef","useRef","useImperativeHandle","assign","current","clearValue","IonTextarea","rows","autoGrow","IonInput","TextType","cnText","type","mobileType","isMobile","as","currentType","useMemo","cnLabel","isMinimized","color","children","minimized","cnInput","containerClassName","inputWrapperClassName","disabled","label","iconLeft","iconClassName","prefix","prefixIcon","hasError","errorHint","hint","requiredSign","forceFocused","readonly","placeholder","clearButton","onClearValue","onInputWrapperClick","useFocusLifecycle","onBlur","onIonBlur","onFocus","onIonFocus","handleInputBlur","handleInputFocus","isActuallyFocused","isFocused","handleClearValue","useCallback","isLabelMinimized","Boolean","isPrefixHidden","computedLabel","labelColor","onClick","clickable","active","hidden","IonButton","size","fill","IcClose","position"],"sourceRoot":""}
|
package/package.json
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@it-holding-ui/atomic",
|
|
3
|
+
"version": "1.1.0",
|
|
4
|
+
"description": "> TODO: description",
|
|
5
|
+
"keywords": [],
|
|
6
|
+
"author": "DonVadimon <provcydia@gmail.com>",
|
|
7
|
+
"homepage": "https://git.mvp.sh/mobile/itholding_ui/packages/atomic",
|
|
8
|
+
"license": "MIT",
|
|
9
|
+
"main": "build/index.js",
|
|
10
|
+
"files": [
|
|
11
|
+
"build"
|
|
12
|
+
],
|
|
13
|
+
"repository": {
|
|
14
|
+
"type": "git",
|
|
15
|
+
"url": "http://git.mvp.sh/mobile/itholding_ui.git"
|
|
16
|
+
},
|
|
17
|
+
"scripts": {
|
|
18
|
+
"lint": "eslint \"./src/**/*.+(js|jsx|ts|tsx|json)\"",
|
|
19
|
+
"lint-fix": "eslint --fix \"./src/**/*.+(js|jsx|ts|tsx|json)\"",
|
|
20
|
+
"prebuild": "rimraf build",
|
|
21
|
+
"build": "webpack --config webpack.config.ts --stats",
|
|
22
|
+
"prepublishOnly": "yarn run build"
|
|
23
|
+
},
|
|
24
|
+
"dependencies": {
|
|
25
|
+
"@it-holding-ui/hooks": "^1.0.1",
|
|
26
|
+
"@it-holding-ui/icons": "^1.0.1",
|
|
27
|
+
"@it-holding-ui/types": "^1.0.1"
|
|
28
|
+
},
|
|
29
|
+
"devDependencies": {
|
|
30
|
+
"@bem-react/classname": "^1.5.9",
|
|
31
|
+
"@ionic/react": "^6.0.0",
|
|
32
|
+
"@it-holding-ui/common-webpack-config": "*",
|
|
33
|
+
"@types/react-world-flags": "^1.4.2",
|
|
34
|
+
"classnames": "2.3.1",
|
|
35
|
+
"react": "^17.0.2",
|
|
36
|
+
"react-dom": "^17.0.2",
|
|
37
|
+
"react-world-flags": "^1.5.1"
|
|
38
|
+
},
|
|
39
|
+
"peerDependencies": {
|
|
40
|
+
"@ionic/react": "^6.0.0",
|
|
41
|
+
"react": "^17.0.2",
|
|
42
|
+
"react-dom": "^17.0.2"
|
|
43
|
+
},
|
|
44
|
+
"publishConfig": {
|
|
45
|
+
"access": "public"
|
|
46
|
+
},
|
|
47
|
+
"gitHead": "dfc3c684b71af619a0e46b3403fd87769cdc6406"
|
|
48
|
+
}
|