@arthurzakharov/ui-kit 1.0.7 → 1.0.9
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/dist/assets/button-Bg4CwXVJ.css +1 -0
- package/dist/assets/checkbox-C8mg6gvd.css +1 -0
- package/dist/assets/dropdown-Ba3Wegqm.css +1 -0
- package/dist/assets/header-CvDToxgv.css +1 -0
- package/dist/assets/input-3QR47UJ8.css +1 -0
- package/dist/assets/label-CCZNUUQp.css +1 -0
- package/dist/assets/main-BgL82qFL.css +1 -0
- package/dist/assets/radio-text-DIB67n3r.css +1 -0
- package/dist/assets/textarea-86fWKmQJ.css +1 -0
- package/dist/components/control/components/button/button.component.js +20 -20
- package/dist/components/control/components/checkbox/checkbox.component.js +7 -7
- package/dist/components/control/components/dropdown/dropdown.component.js +15 -15
- package/dist/components/control/components/input/input.component.js +17 -17
- package/dist/components/control/components/label/label.component.js +12 -12
- package/dist/components/control/components/radio-text/radio-text.component.js +1 -1
- package/dist/components/control/components/textarea/textarea.component.js +10 -10
- package/dist/components/header/header.component.d.ts +12 -0
- package/dist/components/header/header.component.js +45 -0
- package/dist/main.js +1 -1
- package/package.json +1 -1
- package/dist/assets/button-XGvsKGqH.css +0 -1
- package/dist/assets/checkbox-n_3O8ZLW.css +0 -1
- package/dist/assets/dropdown-DKR8xas9.css +0 -1
- package/dist/assets/input-DTN-3ZET.css +0 -1
- package/dist/assets/label-DF2VBeUr.css +0 -1
- package/dist/assets/main-C0tWHTEq.css +0 -1
- package/dist/assets/radio-text-DAsITkgm.css +0 -1
- package/dist/assets/textarea-qkrRnSO5.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Button_1npja_1{box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}._ButtonSizeSm_1npja_10{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._ButtonSizeSm_1npja_10 ._ButtonText_1npja_15{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ButtonSizeMd_1npja_21,._ButtonSizeLg_1npja_22{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md)}._ButtonSizeMd_1npja_21 ._ButtonText_1npja_15{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonSizeLg_1npja_22 ._ButtonText_1npja_15{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._ButtonColorNext_1npja_37{background-color:var(--rm-ui-next-btn-bg)}._ButtonColorNext_1npja_37 ._ButtonText_1npja_15{color:#fff}._ButtonColorPrevious_1npja_45{background-color:transparent}._ButtonColorPrevious_1npja_45 ._ButtonText_1npja_15{color:var(--rm-ui-color-text-secondary)}._Button_1npja_1:hover{cursor:pointer}._Button_1npja_1:focus{outline-color:var(--rm-ui-color-focus)}._ButtonFullWidth_1npja_61{width:100%}._ButtonText_1npja_15{font-family:var(--rm-ui-font-family-medium),sans-serif}._ButtonInfo_1npja_69{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px);color:#fff}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Checkbox_1gskb_1{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Checkbox_1gskb_1:hover{cursor:pointer}._CheckboxChoice_1gskb_14{position:relative;left:0;top:3px}._CheckboxContent_1gskb_20{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-primary)}._CheckboxContent_1gskb_20 button{background-color:transparent;border:none;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:var(--rm-ui-color-action)}._CheckboxContent_1gskb_20 button:hover{cursor:pointer;text-decoration:underline}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Dropdown_cmvnx_1{--transition-time: .2s;--under-chevron: linear-gradient(90deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, .5411764706) 25%, #fff 50%);--border-radius: 3px;position:relative;font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._DropdownBorder_cmvnx_17{position:relative;min-height:60px;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);overflow:hidden}._DropdownContent_cmvnx_28{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}._DropdownBorder_cmvnx_17:hover{cursor:pointer}._DropdownChevron_cmvnx_39{width:24px;height:24px;transition:transform var(--transition-time) ease-out}._DropdownChevron_cmvnx_39[data-open=false]{transform:rotate(0)}._DropdownChevron_cmvnx_39[data-open=true]{transform:rotate(180deg)}._DropdownChevronWrap_cmvnx_53{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);background:var(--under-chevron);border-radius:10px;width:80px;height:100%;padding-right:var(--rm-ui-padding-sm);display:flex;justify-content:flex-end;align-items:center}._DropdownBox_cmvnx_69{flex-grow:1;border-radius:10px;background-color:var(--rm-ui-grey-50)}._DropdownBoxVisible_cmvnx_75{display:block}._DropdownBoxHidden_cmvnx_79{display:none}._DropdownSearch_cmvnx_83{position:relative;border-bottom:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm)}._DropdownSearchVisible_cmvnx_89{display:block}._DropdownSearchHidden_cmvnx_93{display:none}._DropdownClose_cmvnx_97{border-top:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}._DropdownInput_cmvnx_106{width:100%;border-radius:10px;padding:var(--rm-ui-padding-xs) calc(var(--rm-ui-padding-sm) * 2 + 12px) var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);border:1px var(--rm-ui-grey-300) solid;box-sizing:border-box;font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary);outline-color:var(--rm-ui-color-accent-primary)}._DropdownGlass_cmvnx_120{position:absolute;z-index:1;right:calc(var(--rm-ui-padding-sm) * 2);top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--rm-ui-grey-300)}._DropdownChoices_cmvnx_131{list-style:none;margin:0;padding:0;max-height:228px;overflow-y:scroll;border-radius:10px}._DropdownChoice_cmvnx_131{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-sm);padding:6px var(--rm-ui-padding-sm)}._DropdownChoice_cmvnx_131:hover{cursor:pointer;background-color:#fff}._DropdownChoiceNoResult_cmvnx_154{color:var(--rm-ui-grey-600);text-align:center}html[dir=rtl] ._DropdownGlass_cmvnx_120{left:31px;right:initial}html[dir=rtl] ._DropdownChevronWrap_cmvnx_53{left:19px;right:initial}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Header_2g7zf_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._HeaderInfo_2g7zf_8{display:flex;flex-direction:column;align-items:flex-end;gap:2px}._HeaderLogo_2g7zf_15{height:var(--rm-ui-header-logo-height);pointer-events:none}._HeaderLogoPlaceholder_2g7zf_20{display:flex;width:var(--rm-ui-header-logo-height);height:var(--rm-ui-header-logo-height)}._HeaderPhoneButton_2g7zf_26{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-xs);outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._HeaderPhoneButtonIcon_2g7zf_38{width:22px;height:22px;stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderPhoneButtonNumber_2g7zf_45,._HeaderDescriptions_2g7zf_46{display:none}@media screen and (min-width:768px){._HeaderPhoneButtonNumber_2g7zf_45{display:flex;font-family:var(--rm-ui-font-family-bold),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);letter-spacing:.1px;color:var(--rm-ui-color-theme-primary)}._HeaderDescriptions_2g7zf_46{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs);font-family:var(--rm-ui-font-family-light),sans-serif;font-size:var( --rm-ui-font-size-body-extra-small);line-height:var( --rm-ui-line-height-body-extra-small);color:var(--rm-ui-color-theme-primary)}._HeaderDescriptionsIcon_2g7zf_72{stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderDescriptionsIconSm_2g7zf_77{width:10px;height:10px}._HeaderDescriptionsIconMd_2g7zf_82{width:12px;height:12px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Input_1ldi1_1{outline:none;box-sizing:border-box;width:100%;border:none;padding:0;font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Input_1ldi1_1:hover{cursor:pointer}._Input_1ldi1_1:disabled{opacity:.33}._Input_1ldi1_1:disabled,._Input_1ldi1_1:-webkit-autofill,._Input_1ldi1_1:-webkit-autofill:hover,._Input_1ldi1_1:-webkit-autofill:focus,._Input_1ldi1_1:-webkit-autofill:active,._Input_1ldi1_1:autofill,._Input_1ldi1_1:autofill:hover,._Input_1ldi1_1:autofill:focus,._Input_1ldi1_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Input_1ldi1_1:-webkit-autofill{animation-name:_autofill-start_1ldi1_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-color-text-primary)}._Input_1ldi1_1:not(:-webkit-autofill){animation-name:_autofill-cancel_1ldi1_1;animation-duration:.1s}@keyframes _autofill-start_1ldi1_1{}@keyframes _autofill-cancel_1ldi1_1{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Label_1vr4d_1{font-family:var(--rm-ui-font-family-regular),sans-serif;transition:color .15s ease-out}._LabelPositionIdle_1vr4d_6{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LabelPositionActive_1vr4d_11{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._LabelStateIdle_1vr4d_16{color:var(--rm-ui-color-text-secondary)}._LabelStateError_1vr4d_20{color:var(--rm-ui-color-error)}._LabelStateSuccess_1vr4d_24{color:var(--rm-ui-color-success)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._RadioText_9i5dh_1{position:relative;display:flex;align-items:center;justify-content:center}._RadioTextSizeMd_9i5dh_8{font-size:12px;line-height:14px}._RadioTextSizeLg_9i5dh_13{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._RadioTextOneLine_9i5dh_18,._RadioTextOneLine_9i5dh_18 ._RadioTextContent_9i5dh_19{white-space:nowrap}._RadioTextContent_9i5dh_19{display:flex;align-items:center;justify-content:flex-start;color:var(--rm-ui-color-text-primary);text-align:left;white-space:pre-wrap}._RadioTextContent_9i5dh_19[data-checked=false]{font-family:var(--rm-ui-font-family-regular),sans-serif}._RadioTextContent_9i5dh_19[data-checked=true]{font-family:var(--rm-ui-font-family-medium),sans-serif}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Textarea_e95r3_1{resize:none;outline:none;box-sizing:border-box;width:100%;border:none;border-radius:10px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Textarea_e95r3_1:hover{cursor:pointer}._Textarea_e95r3_1:disabled{opacity:.33}._Textarea_e95r3_1:disabled,._Textarea_e95r3_1:-webkit-autofill,._Textarea_e95r3_1:-webkit-autofill:hover,._Textarea_e95r3_1:-webkit-autofill:focus,._Textarea_e95r3_1:-webkit-autofill:active,._Textarea_e95r3_1:autofill,._Textarea_e95r3_1:autofill:hover,._Textarea_e95r3_1:autofill:focus,._Textarea_e95r3_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Textarea_e95r3_1:-webkit-autofill{animation-name:_autofill-start_e95r3_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-grey-500)}._Textarea_e95r3_1:not(:-webkit-autofill){animation-name:_autofill-cancel_e95r3_1;animation-duration:.1s}@keyframes _autofill-start_e95r3_1{}@keyframes _autofill-cancel_e95r3_1{}
|
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import { jsxs as d, jsx as u } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { containsHtml as
|
|
4
|
-
import '../../../../assets/button-
|
|
2
|
+
import m from "clsx";
|
|
3
|
+
import { containsHtml as p } from "../../utils/utils.js";
|
|
4
|
+
import '../../../../assets/button-Bg4CwXVJ.css';const S = "_Button_1npja_1", x = "_ButtonSizeSm_1npja_10", z = "_ButtonText_1npja_15", f = "_ButtonSizeMd_1npja_21", j = "_ButtonSizeLg_1npja_22", C = "_ButtonColorNext_1npja_37", h = "_ButtonColorPrevious_1npja_45", N = "_ButtonFullWidth_1npja_61", g = "_ButtonInfo_1npja_69", t = {
|
|
5
5
|
Button: S,
|
|
6
6
|
ButtonSizeSm: x,
|
|
7
7
|
ButtonText: z,
|
|
8
8
|
ButtonSizeMd: f,
|
|
9
|
-
ButtonSizeLg:
|
|
10
|
-
ButtonColorNext:
|
|
11
|
-
ButtonColorPrevious:
|
|
12
|
-
ButtonFullWidth:
|
|
13
|
-
ButtonInfo:
|
|
14
|
-
},
|
|
9
|
+
ButtonSizeLg: j,
|
|
10
|
+
ButtonColorNext: C,
|
|
11
|
+
ButtonColorPrevious: h,
|
|
12
|
+
ButtonFullWidth: N,
|
|
13
|
+
ButtonInfo: g
|
|
14
|
+
}, L = (e) => {
|
|
15
15
|
const {
|
|
16
16
|
children: s,
|
|
17
17
|
color: l,
|
|
18
18
|
size: n,
|
|
19
19
|
type: B,
|
|
20
|
-
disabled:
|
|
20
|
+
disabled: i = !1,
|
|
21
21
|
info: o = "",
|
|
22
|
-
fullWidth:
|
|
22
|
+
fullWidth: a = !1,
|
|
23
23
|
onClick: c,
|
|
24
|
-
onFocus:
|
|
25
|
-
onBlur:
|
|
24
|
+
onFocus: r,
|
|
25
|
+
onBlur: _
|
|
26
26
|
} = e;
|
|
27
27
|
return /* @__PURE__ */ d(
|
|
28
28
|
"button",
|
|
29
29
|
{
|
|
30
30
|
"data-testid": "button",
|
|
31
31
|
type: B,
|
|
32
|
-
disabled:
|
|
33
|
-
className:
|
|
32
|
+
disabled: i,
|
|
33
|
+
className: m(t.Button, {
|
|
34
34
|
[t.ButtonSizeSm]: n === "sm",
|
|
35
35
|
[t.ButtonSizeMd]: n === "md",
|
|
36
36
|
[t.ButtonSizeLg]: n === "lg",
|
|
37
37
|
[t.ButtonColorNext]: l === "next",
|
|
38
38
|
[t.ButtonColorPrevious]: l === "previous",
|
|
39
|
-
[t.ButtonFullWidth]:
|
|
39
|
+
[t.ButtonFullWidth]: a
|
|
40
40
|
}),
|
|
41
41
|
onClick: () => c?.call(null),
|
|
42
|
-
onFocus: () =>
|
|
43
|
-
onBlur: () =>
|
|
42
|
+
onFocus: () => r?.call(null),
|
|
43
|
+
onBlur: () => _?.call(null),
|
|
44
44
|
children: [
|
|
45
45
|
/* @__PURE__ */ u("span", { className: t.ButtonText, children: s }),
|
|
46
|
-
|
|
46
|
+
p(o) && o ? /* @__PURE__ */ u("span", { className: t.ButtonInfo, dangerouslySetInnerHTML: { __html: o } }) : /* @__PURE__ */ u("span", { className: t.ButtonInfo, children: o })
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
);
|
|
50
50
|
};
|
|
51
51
|
export {
|
|
52
|
-
|
|
52
|
+
L as Button
|
|
53
53
|
};
|
|
@@ -3,15 +3,15 @@ import { useToggle as a } from "usehooks-ts";
|
|
|
3
3
|
import { Choice as _ } from "../choice/choice.component.js";
|
|
4
4
|
import { HiddenInput as B } from "../hidden-input/hidden-input.component.js";
|
|
5
5
|
import { Converter as F } from "../../../../utils/converter/converter.js";
|
|
6
|
-
import '../../../../assets/checkbox-
|
|
6
|
+
import '../../../../assets/checkbox-C8mg6gvd.css';const I = "_Checkbox_1gskb_1", N = "_CheckboxChoice_1gskb_14", j = "_CheckboxContent_1gskb_20", s = {
|
|
7
7
|
Checkbox: I,
|
|
8
8
|
CheckboxChoice: N,
|
|
9
9
|
CheckboxContent: j
|
|
10
10
|
}, D = (i) => {
|
|
11
|
-
const { children: u, state: k = "idle", id: o, value: n, disabled: e = !1, onChange:
|
|
12
|
-
e ||
|
|
11
|
+
const { children: u, state: k = "idle", id: o, value: n, disabled: e = !1, onChange: l, onFocus: b, onBlur: x } = i, [r, h] = a(!1), [d, C] = a(!1), m = (t) => {
|
|
12
|
+
e || r || (t.preventDefault(), l(!n, o));
|
|
13
13
|
}, p = (t) => {
|
|
14
|
-
e || (t.stopPropagation(),
|
|
14
|
+
e || (t.stopPropagation(), l(!n, o));
|
|
15
15
|
}, f = () => {
|
|
16
16
|
e || (h(), b?.call(null, o));
|
|
17
17
|
}, g = () => {
|
|
@@ -21,7 +21,7 @@ import '../../../../assets/checkbox-n_3O8ZLW.css';const I = "_Checkbox_1l6ko_1",
|
|
|
21
21
|
"label",
|
|
22
22
|
{
|
|
23
23
|
htmlFor: o,
|
|
24
|
-
className:
|
|
24
|
+
className: s.Checkbox,
|
|
25
25
|
onClick: m,
|
|
26
26
|
onFocus: f,
|
|
27
27
|
onBlur: g,
|
|
@@ -40,8 +40,8 @@ import '../../../../assets/checkbox-n_3O8ZLW.css';const I = "_Checkbox_1l6ko_1",
|
|
|
40
40
|
onChange: p
|
|
41
41
|
}
|
|
42
42
|
),
|
|
43
|
-
/* @__PURE__ */ c("div", { className:
|
|
44
|
-
/* @__PURE__ */ c("div", { className:
|
|
43
|
+
/* @__PURE__ */ c("div", { className: s.CheckboxChoice, children: /* @__PURE__ */ c(_, { type: "checkbox", state: k, checked: n, focused: r, hovered: d, disabled: e }) }),
|
|
44
|
+
/* @__PURE__ */ c("div", { className: s.CheckboxContent, children: u })
|
|
45
45
|
]
|
|
46
46
|
}
|
|
47
47
|
);
|
|
@@ -7,18 +7,18 @@ import { Box as k } from "../box/box.component.js";
|
|
|
7
7
|
import { Button as J } from "../button/button.component.js";
|
|
8
8
|
import { Choice as P } from "../choice/choice.component.js";
|
|
9
9
|
import { Label as Q } from "../label/label.component.js";
|
|
10
|
-
import { RadioText as
|
|
10
|
+
import { RadioText as v } from "../radio-text/radio-text.component.js";
|
|
11
11
|
import { clickHasNode as U } from "../../utils/utils.js";
|
|
12
12
|
import { Converter as X } from "../../../../utils/converter/converter.js";
|
|
13
|
-
import '../../../../assets/dropdown-
|
|
13
|
+
import '../../../../assets/dropdown-Ba3Wegqm.css';const Y = "_Dropdown_cmvnx_1", Z = "_DropdownBorder_cmvnx_17", oo = "_DropdownContent_cmvnx_28", eo = "_DropdownChevron_cmvnx_39", no = "_DropdownChevronWrap_cmvnx_53", ro = "_DropdownBox_cmvnx_69", co = "_DropdownBoxVisible_cmvnx_75", so = "_DropdownBoxHidden_cmvnx_79", io = "_DropdownSearch_cmvnx_83", lo = "_DropdownSearchVisible_cmvnx_89", to = "_DropdownSearchHidden_cmvnx_93", po = "_DropdownClose_cmvnx_97", ao = "_DropdownInput_cmvnx_106", ho = "_DropdownGlass_cmvnx_120", wo = "_DropdownChoices_cmvnx_131", Do = "_DropdownChoice_cmvnx_131", mo = "_DropdownChoiceNoResult_cmvnx_154", e = {
|
|
14
14
|
Dropdown: Y,
|
|
15
15
|
DropdownBorder: Z,
|
|
16
16
|
DropdownContent: oo,
|
|
17
17
|
DropdownChevron: eo,
|
|
18
18
|
DropdownChevronWrap: no,
|
|
19
19
|
DropdownBox: ro,
|
|
20
|
-
DropdownBoxVisible:
|
|
21
|
-
DropdownBoxHidden:
|
|
20
|
+
DropdownBoxVisible: co,
|
|
21
|
+
DropdownBoxHidden: so,
|
|
22
22
|
DropdownSearch: io,
|
|
23
23
|
DropdownSearchVisible: lo,
|
|
24
24
|
DropdownSearchHidden: to,
|
|
@@ -28,29 +28,29 @@ import '../../../../assets/dropdown-DKR8xas9.css';const Y = "_Dropdown_152mp_1",
|
|
|
28
28
|
DropdownChoices: wo,
|
|
29
29
|
DropdownChoice: Do,
|
|
30
30
|
DropdownChoiceNoResult: mo
|
|
31
|
-
}, ko = (
|
|
32
|
-
const { choices:
|
|
31
|
+
}, ko = (c) => {
|
|
32
|
+
const { choices: x = [], value: a = [], isSearchHidden: H = !1, multiple: l = !1, onChange: h, onOpen: z, onClose: V } = c, y = c.label || "", I = c.placeholder || "Wählen Sie Ihre private Krankenversicherung...", O = c.noResult || "Keine Versicherung gefunden.", W = c.closeButton || "Schließen", f = u(null), w = u(null), B = u(null), { value: t, setFalse: D, toggle: A } = M(!1), [m, G] = C(""), [s, L] = C({ width: 0, height: 0 }), [p, S] = C([]);
|
|
33
33
|
T({
|
|
34
34
|
ref: w,
|
|
35
35
|
onResize: (o) => L({ width: o.width || 0, height: o.height || 0 })
|
|
36
36
|
}), E(w, (o) => {
|
|
37
|
-
U(o,
|
|
37
|
+
U(o, f) || (l && h(p), D());
|
|
38
38
|
}), N(() => S(Array.isArray(a) ? a : []), [a]), N(() => {
|
|
39
|
-
t &&
|
|
40
|
-
}, [t,
|
|
39
|
+
t && s.width && s.height ? (B.current?.focus(), z?.call(null, s.height, s.width)) : V?.call(null);
|
|
40
|
+
}, [t, s]);
|
|
41
41
|
const j = (o, d) => {
|
|
42
42
|
S((i) => i.some(({ value: _ }) => _ === o) ? i.filter(({ value: _ }) => _ !== o) : [...i, { value: o, label: d }]);
|
|
43
43
|
}, F = () => {
|
|
44
44
|
D(), h(p);
|
|
45
45
|
}, b = K(
|
|
46
|
-
() =>
|
|
47
|
-
[m,
|
|
46
|
+
() => x.filter(({ label: o }) => o.toLowerCase().includes(m.toLowerCase())),
|
|
47
|
+
[m, x]
|
|
48
48
|
);
|
|
49
49
|
return /* @__PURE__ */ r("div", { className: e.Dropdown, children: [
|
|
50
|
-
/* @__PURE__ */ n(k, { ref:
|
|
50
|
+
/* @__PURE__ */ n(k, { ref: f, onClick: A, children: /* @__PURE__ */ r("div", { className: e.DropdownBorder, children: [
|
|
51
51
|
/* @__PURE__ */ r("div", { className: e.DropdownContent, children: [
|
|
52
52
|
/* @__PURE__ */ n(Q, { position: "active", children: y }),
|
|
53
|
-
/* @__PURE__ */ n(
|
|
53
|
+
/* @__PURE__ */ n(v, { size: "lg", checked: !0, oneLine: !0, children: X.Answer.FromArrayToMultiple(p.map(({ label: o }) => o)) || I })
|
|
54
54
|
] }),
|
|
55
55
|
/* @__PURE__ */ n("div", { className: e.DropdownChevronWrap, children: /* @__PURE__ */ n($, { "data-open": t, className: e.DropdownChevron }) })
|
|
56
56
|
] }) }),
|
|
@@ -83,11 +83,11 @@ import '../../../../assets/dropdown-DKR8xas9.css';const Y = "_Dropdown_152mp_1",
|
|
|
83
83
|
checked: p.some((g) => g.value === o)
|
|
84
84
|
}
|
|
85
85
|
),
|
|
86
|
-
/* @__PURE__ */ n(
|
|
86
|
+
/* @__PURE__ */ n(v, { size: "lg", checked: !1, children: d })
|
|
87
87
|
]
|
|
88
88
|
},
|
|
89
89
|
o + i
|
|
90
|
-
)) : /* @__PURE__ */ n("li", { className: R(e.DropdownChoice, e.DropdownChoiceNoResult), children: /* @__PURE__ */ n(
|
|
90
|
+
)) : /* @__PURE__ */ n("li", { className: R(e.DropdownChoice, e.DropdownChoiceNoResult), children: /* @__PURE__ */ n(v, { size: "lg", checked: !1, children: O }) }) }),
|
|
91
91
|
l && /* @__PURE__ */ n("div", { className: e.DropdownClose, children: /* @__PURE__ */ n(J, { color: "next", size: "sm", type: "button", onClick: () => F(), children: W }) })
|
|
92
92
|
] }) })
|
|
93
93
|
] });
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../../../assets/input-
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import '../../../../assets/input-3QR47UJ8.css';const m = "_Input_1ldi1_1", a = {
|
|
3
3
|
Input: m,
|
|
4
|
-
"autofill-start": "_autofill-
|
|
5
|
-
"autofill-cancel": "_autofill-
|
|
4
|
+
"autofill-start": "_autofill-start_1ldi1_1",
|
|
5
|
+
"autofill-cancel": "_autofill-cancel_1ldi1_1"
|
|
6
6
|
}, _ = ({
|
|
7
|
-
id:
|
|
7
|
+
id: l,
|
|
8
8
|
value: n,
|
|
9
9
|
disabled: o = !1,
|
|
10
10
|
type: u = "text",
|
|
11
11
|
onAutofill: c,
|
|
12
|
-
onAutofillCancel:
|
|
13
|
-
onChange:
|
|
14
|
-
onFocus:
|
|
15
|
-
onBlur:
|
|
16
|
-
}) => /* @__PURE__ */
|
|
12
|
+
onAutofillCancel: i,
|
|
13
|
+
onChange: e,
|
|
14
|
+
onFocus: s,
|
|
15
|
+
onBlur: f
|
|
16
|
+
}) => /* @__PURE__ */ r(
|
|
17
17
|
"input",
|
|
18
18
|
{
|
|
19
19
|
"data-testid": "input",
|
|
20
20
|
disabled: o,
|
|
21
21
|
type: u,
|
|
22
|
-
id:
|
|
23
|
-
name:
|
|
22
|
+
id: l,
|
|
23
|
+
name: l,
|
|
24
24
|
value: n,
|
|
25
25
|
className: a.Input,
|
|
26
|
-
onChange: (
|
|
27
|
-
onAnimationStart: (
|
|
28
|
-
|
|
26
|
+
onChange: (t) => e(t.target.value, l, "keyboard"),
|
|
27
|
+
onAnimationStart: (t) => {
|
|
28
|
+
t.animationName === a["autofill-start"] && c?.call(null, l), t.animationName === a["autofill-cancel"] && i?.call(null, l);
|
|
29
29
|
},
|
|
30
|
-
onFocus: () =>
|
|
31
|
-
onBlur: () =>
|
|
30
|
+
onFocus: () => s?.call(null, l),
|
|
31
|
+
onBlur: () => f?.call(null, l)
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
export {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../../../assets/label-
|
|
4
|
-
Label:
|
|
5
|
-
LabelPositionIdle:
|
|
6
|
-
LabelPositionActive:
|
|
7
|
-
LabelStateIdle:
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import i from "clsx";
|
|
3
|
+
import '../../../../assets/label-CCZNUUQp.css';const r = "_Label_1vr4d_1", c = "_LabelPositionIdle_1vr4d_6", b = "_LabelPositionActive_1vr4d_11", L = "_LabelStateIdle_1vr4d_16", n = "_LabelStateError_1vr4d_20", d = "_LabelStateSuccess_1vr4d_24", e = {
|
|
4
|
+
Label: r,
|
|
5
|
+
LabelPositionIdle: c,
|
|
6
|
+
LabelPositionActive: b,
|
|
7
|
+
LabelStateIdle: L,
|
|
8
8
|
LabelStateError: n,
|
|
9
|
-
LabelStateSuccess:
|
|
10
|
-
},
|
|
9
|
+
LabelStateSuccess: d
|
|
10
|
+
}, v = (l) => {
|
|
11
11
|
const { children: o, position: a = "idle", state: t = "idle" } = l;
|
|
12
|
-
return /* @__PURE__ */
|
|
12
|
+
return /* @__PURE__ */ s(
|
|
13
13
|
"span",
|
|
14
14
|
{
|
|
15
|
-
className:
|
|
15
|
+
className: i(e.Label, {
|
|
16
16
|
[e.LabelPositionIdle]: a === "idle",
|
|
17
17
|
[e.LabelPositionActive]: a === "active",
|
|
18
18
|
[e.LabelStateIdle]: t === "idle",
|
|
@@ -24,5 +24,5 @@ import '../../../../assets/label-DF2VBeUr.css';const c = "_Label_3yaik_1", b = "
|
|
|
24
24
|
);
|
|
25
25
|
};
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
v as Label
|
|
28
28
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import x from "clsx";
|
|
3
|
-
import '../../../../assets/radio-text-
|
|
3
|
+
import '../../../../assets/radio-text-DIB67n3r.css';const T = "_RadioText_9i5dh_1", R = "_RadioTextSizeMd_9i5dh_8", c = "_RadioTextSizeLg_9i5dh_13", s = "_RadioTextOneLine_9i5dh_18", _ = "_RadioTextContent_9i5dh_19", e = {
|
|
4
4
|
RadioText: T,
|
|
5
5
|
RadioTextSizeMd: R,
|
|
6
6
|
RadioTextSizeLg: c,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { useBoolean as h, useToggle as v } from "usehooks-ts";
|
|
3
3
|
import { Box as k } from "../box/box.component.js";
|
|
4
|
-
import '../../../../assets/textarea-
|
|
4
|
+
import '../../../../assets/textarea-86fWKmQJ.css';const N = "_Textarea_e95r3_1", o = {
|
|
5
5
|
Textarea: N,
|
|
6
|
-
"autofill-start": "_autofill-
|
|
7
|
-
"autofill-cancel": "_autofill-
|
|
6
|
+
"autofill-start": "_autofill-start_e95r3_1",
|
|
7
|
+
"autofill-cancel": "_autofill-cancel_e95r3_1"
|
|
8
8
|
}, I = (i) => {
|
|
9
|
-
const { state: c = "idle", placeholder: u = "", rows: f = 5, id: e, value: t, disabled: d = !1, onChange: m, onFocus: x, onBlur: T } = i, { value: _, setTrue:
|
|
10
|
-
a.animationName ===
|
|
9
|
+
const { state: c = "idle", placeholder: u = "", rows: f = 5, id: e, value: t, disabled: d = !1, onChange: m, onFocus: x, onBlur: T } = i, { value: _, setTrue: l, setFalse: n } = h(!0), [g, r] = v(!1), p = (a) => {
|
|
10
|
+
a.animationName === o["autofill-start"] && n(), a.animationName === o["autofill-cancel"] && !t && l();
|
|
11
11
|
}, B = (a) => {
|
|
12
|
-
t ||
|
|
12
|
+
t || n(), r(), x?.call(null, a);
|
|
13
13
|
}, F = (a) => {
|
|
14
|
-
t ||
|
|
14
|
+
t || l(), r(), T?.call(null, a);
|
|
15
15
|
};
|
|
16
|
-
return /* @__PURE__ */
|
|
16
|
+
return /* @__PURE__ */ s(k, { state: c, focused: g, children: /* @__PURE__ */ s(
|
|
17
17
|
"textarea",
|
|
18
18
|
{
|
|
19
19
|
"data-testid": "textarea",
|
|
@@ -23,7 +23,7 @@ import '../../../../assets/textarea-qkrRnSO5.css';const N = "_Textarea_1ltsl_1",
|
|
|
23
23
|
rows: f,
|
|
24
24
|
placeholder: u,
|
|
25
25
|
value: t,
|
|
26
|
-
className:
|
|
26
|
+
className: o.Textarea,
|
|
27
27
|
onChange: (a) => m(a.target.value, e, "keyboard"),
|
|
28
28
|
onAnimationStart: p,
|
|
29
29
|
onFocus: () => B(e),
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface DescriptionType {
|
|
2
|
+
size: 's' | 'm';
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
export interface HeaderProps {
|
|
6
|
+
logo: string;
|
|
7
|
+
logoCondition?: () => string;
|
|
8
|
+
tel?: string;
|
|
9
|
+
descriptions?: DescriptionType[];
|
|
10
|
+
}
|
|
11
|
+
export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsxs as s, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { Phone as g, CircleCheck as m } from "lucide-react";
|
|
3
|
+
import h from "clsx";
|
|
4
|
+
import '../../assets/header-CvDToxgv.css';const p = "_Header_2g7zf_1", f = "_HeaderInfo_2g7zf_8", u = "_HeaderLogo_2g7zf_15", I = "_HeaderLogoPlaceholder_2g7zf_20", z = "_HeaderPhoneButton_2g7zf_26", P = "_HeaderPhoneButtonIcon_2g7zf_38", D = "_HeaderPhoneButtonNumber_2g7zf_45", N = "_HeaderDescriptions_2g7zf_46", B = "_HeaderDescriptionsIcon_2g7zf_72", L = "_HeaderDescriptionsIconSm_2g7zf_77", b = "_HeaderDescriptionsIconMd_2g7zf_82", e = {
|
|
5
|
+
Header: p,
|
|
6
|
+
HeaderInfo: f,
|
|
7
|
+
HeaderLogo: u,
|
|
8
|
+
HeaderLogoPlaceholder: I,
|
|
9
|
+
HeaderPhoneButton: z,
|
|
10
|
+
HeaderPhoneButtonIcon: P,
|
|
11
|
+
HeaderPhoneButtonNumber: D,
|
|
12
|
+
HeaderDescriptions: N,
|
|
13
|
+
HeaderDescriptionsIcon: B,
|
|
14
|
+
HeaderDescriptionsIconSm: L,
|
|
15
|
+
HeaderDescriptionsIconMd: b
|
|
16
|
+
}, M = (c) => {
|
|
17
|
+
const { logo: t, logoCondition: d = () => "", tel: r = "", descriptions: i = [] } = c, a = d() || t, H = (o) => "tel:+49" + o.replace(/^0|[^0-9.]/g, ""), l = () => {
|
|
18
|
+
r && window.open(H(r), "_self");
|
|
19
|
+
};
|
|
20
|
+
return /* @__PURE__ */ s("header", { className: e.Header, children: [
|
|
21
|
+
a ? /* @__PURE__ */ n("img", { className: e.HeaderLogo, alt: "logo-icon", src: a }) : /* @__PURE__ */ n("i", { className: e.HeaderLogoPlaceholder }),
|
|
22
|
+
/* @__PURE__ */ s("div", { className: e.HeaderInfo, children: [
|
|
23
|
+
r ? /* @__PURE__ */ s("button", { className: e.HeaderPhoneButton, onClick: l, children: [
|
|
24
|
+
/* @__PURE__ */ n(g, { className: e.HeaderPhoneButtonIcon }),
|
|
25
|
+
/* @__PURE__ */ n("span", { className: e.HeaderPhoneButtonNumber, children: r })
|
|
26
|
+
] }) : null,
|
|
27
|
+
i.map((o, _) => /* @__PURE__ */ s("div", { className: e.HeaderDescriptions, "data-size": o.size, children: [
|
|
28
|
+
/* @__PURE__ */ n(
|
|
29
|
+
m,
|
|
30
|
+
{
|
|
31
|
+
className: h(e.HeaderDescriptionsIcon, {
|
|
32
|
+
[e.HeaderDescriptionsIconSm]: o.size === "s",
|
|
33
|
+
[e.HeaderDescriptionsIconMd]: o.size === "m"
|
|
34
|
+
}),
|
|
35
|
+
"data-size": o.size
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ n("span", { children: o.value })
|
|
39
|
+
] }, _))
|
|
40
|
+
] })
|
|
41
|
+
] });
|
|
42
|
+
};
|
|
43
|
+
export {
|
|
44
|
+
M as Header
|
|
45
|
+
};
|
package/dist/main.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Certifications as t } from "./components/certifications/certifications.component.js";
|
|
2
2
|
import { Control as f } from "./components/control/control.component.js";
|
|
3
|
-
import './assets/main-
|
|
3
|
+
import './assets/main-BgL82qFL.css';export {
|
|
4
4
|
t as Certifications,
|
|
5
5
|
f as Control
|
|
6
6
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Button_hr1uu_1{box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}._ButtonSizeSm_hr1uu_10{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._ButtonSizeSm_hr1uu_10 ._ButtonText_hr1uu_15{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ButtonSizeMd_hr1uu_21,._ButtonSizeLg_hr1uu_22{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md)}._ButtonSizeMd_hr1uu_21 ._ButtonText_hr1uu_15{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonSizeLg_hr1uu_22 ._ButtonText_hr1uu_15{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._ButtonColorNext_hr1uu_37{background-color:var(--rm-ui-next-btn-bg)}._ButtonColorNext_hr1uu_37 ._ButtonText_hr1uu_15{color:#fff}._ButtonColorPrevious_hr1uu_45{background-color:transparent}._ButtonColorPrevious_hr1uu_45 ._ButtonText_hr1uu_15{color:var(--rm-ui-color-secondary)}._Button_hr1uu_1:hover{cursor:pointer}._Button_hr1uu_1:focus{outline-color:var(--rm-ui-color-focus)}._ButtonFullWidth_hr1uu_61{width:100%}._ButtonText_hr1uu_15{font-family:var(--rm-ui-font-family-medium),sans-serif}._ButtonInfo_hr1uu_69{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px);color:#fff}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Checkbox_1l6ko_1{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Checkbox_1l6ko_1:hover{cursor:pointer}._CheckboxChoice_1l6ko_14{position:relative;left:0;top:3px}._CheckboxContent_1l6ko_20{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-primary)}._CheckboxContent_1l6ko_20 button{background-color:transparent;border:none;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:var(--rm-ui-color-action)}._CheckboxContent_1l6ko_20 button:hover{cursor:pointer;text-decoration:underline}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Dropdown_152mp_1{--transition-time: .2s;--under-chevron: linear-gradient(90deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, .5411764706) 25%, #fff 50%);--border-radius: 3px;position:relative;font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._DropdownBorder_152mp_17{position:relative;min-height:60px;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);overflow:hidden}._DropdownContent_152mp_28{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}._DropdownBorder_152mp_17:hover{cursor:pointer}._DropdownChevron_152mp_39{width:24px;height:24px;transition:transform var(--transition-time) ease-out}._DropdownChevron_152mp_39[data-open=false]{transform:rotate(0)}._DropdownChevron_152mp_39[data-open=true]{transform:rotate(180deg)}._DropdownChevronWrap_152mp_53{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);background:var(--under-chevron);border-radius:10px;width:80px;height:100%;padding-right:var(--rm-ui-padding-sm);display:flex;justify-content:flex-end;align-items:center}._DropdownBox_152mp_69{flex-grow:1;border-radius:10px;background-color:var(--rm-ui-grey-50)}._DropdownBoxVisible_152mp_75{display:block}._DropdownBoxHidden_152mp_79{display:none}._DropdownSearch_152mp_83{position:relative;border-bottom:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm)}._DropdownSearchVisible_152mp_89{display:block}._DropdownSearchHidden_152mp_93{display:none}._DropdownClose_152mp_97{border-top:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}._DropdownInput_152mp_106{width:100%;border-radius:10px;padding:var(--rm-ui-padding-xs) calc(var(--rm-ui-padding-sm) * 2 + 12px) var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);border:1px var(--rm-ui-grey-300) solid;box-sizing:border-box;font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-primary);outline-color:var(--rm-ui-color-accent-primary)}._DropdownGlass_152mp_120{position:absolute;z-index:1;right:calc(var(--rm-ui-padding-sm) * 2);top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--rm-ui-grey-300)}._DropdownChoices_152mp_131{list-style:none;margin:0;padding:0;max-height:228px;overflow-y:scroll;border-radius:10px}._DropdownChoice_152mp_131{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-sm);padding:6px var(--rm-ui-padding-sm)}._DropdownChoice_152mp_131:hover{cursor:pointer;background-color:#fff}._DropdownChoiceNoResult_152mp_154{color:var(--rm-ui-grey-600);text-align:center}html[dir=rtl] ._DropdownGlass_152mp_120{left:31px;right:initial}html[dir=rtl] ._DropdownChevronWrap_152mp_53{left:19px;right:initial}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Input_1vr20_1{outline:none;box-sizing:border-box;width:100%;border:none;padding:0;font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-primary)}._Input_1vr20_1:hover{cursor:pointer}._Input_1vr20_1:disabled{opacity:.33}._Input_1vr20_1:disabled,._Input_1vr20_1:-webkit-autofill,._Input_1vr20_1:-webkit-autofill:hover,._Input_1vr20_1:-webkit-autofill:focus,._Input_1vr20_1:-webkit-autofill:active,._Input_1vr20_1:autofill,._Input_1vr20_1:autofill:hover,._Input_1vr20_1:autofill:focus,._Input_1vr20_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Input_1vr20_1:-webkit-autofill{animation-name:_autofill-start_1vr20_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-color-primary)}._Input_1vr20_1:not(:-webkit-autofill){animation-name:_autofill-cancel_1vr20_1;animation-duration:.1s}@keyframes _autofill-start_1vr20_1{}@keyframes _autofill-cancel_1vr20_1{}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Label_3yaik_1{font-family:var(--rm-ui-font-family-regular),sans-serif;transition:color .15s ease-out}._LabelPositionIdle_3yaik_6{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LabelPositionActive_3yaik_11{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._LabelStateIdle_3yaik_16{color:var(--rm-ui-color-secondary)}._LabelStateError_3yaik_20{color:var(--rm-ui-color-error)}._LabelStateSuccess_3yaik_24{color:var(--rm-ui-color-success)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-primary: var(--rm-ui-grey-800);--rm-ui-color-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._RadioText_8gt23_1{position:relative;display:flex;align-items:center;justify-content:center}._RadioTextSizeMd_8gt23_8{font-size:12px;line-height:14px}._RadioTextSizeLg_8gt23_13{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._RadioTextOneLine_8gt23_18,._RadioTextOneLine_8gt23_18 ._RadioTextContent_8gt23_19{white-space:nowrap}._RadioTextContent_8gt23_19{display:flex;align-items:center;justify-content:flex-start;color:var(--rm-ui-color-primary);text-align:left;white-space:pre-wrap}._RadioTextContent_8gt23_19[data-checked=false]{font-family:var(--rm-ui-font-family-regular),sans-serif}._RadioTextContent_8gt23_19[data-checked=true]{font-family:var(--rm-ui-font-family-medium),sans-serif}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Textarea_1ltsl_1{resize:none;outline:none;box-sizing:border-box;width:100%;border:none;border-radius:10px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-primary)}._Textarea_1ltsl_1:hover{cursor:pointer}._Textarea_1ltsl_1:disabled{opacity:.33}._Textarea_1ltsl_1:disabled,._Textarea_1ltsl_1:-webkit-autofill,._Textarea_1ltsl_1:-webkit-autofill:hover,._Textarea_1ltsl_1:-webkit-autofill:focus,._Textarea_1ltsl_1:-webkit-autofill:active,._Textarea_1ltsl_1:autofill,._Textarea_1ltsl_1:autofill:hover,._Textarea_1ltsl_1:autofill:focus,._Textarea_1ltsl_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Textarea_1ltsl_1:-webkit-autofill{animation-name:_autofill-start_1ltsl_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-grey-500)}._Textarea_1ltsl_1:not(:-webkit-autofill){animation-name:_autofill-cancel_1ltsl_1;animation-duration:.1s}@keyframes _autofill-start_1ltsl_1{}@keyframes _autofill-cancel_1ltsl_1{}
|