@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.
Files changed (28) hide show
  1. package/dist/assets/button-Bg4CwXVJ.css +1 -0
  2. package/dist/assets/checkbox-C8mg6gvd.css +1 -0
  3. package/dist/assets/dropdown-Ba3Wegqm.css +1 -0
  4. package/dist/assets/header-CvDToxgv.css +1 -0
  5. package/dist/assets/input-3QR47UJ8.css +1 -0
  6. package/dist/assets/label-CCZNUUQp.css +1 -0
  7. package/dist/assets/main-BgL82qFL.css +1 -0
  8. package/dist/assets/radio-text-DIB67n3r.css +1 -0
  9. package/dist/assets/textarea-86fWKmQJ.css +1 -0
  10. package/dist/components/control/components/button/button.component.js +20 -20
  11. package/dist/components/control/components/checkbox/checkbox.component.js +7 -7
  12. package/dist/components/control/components/dropdown/dropdown.component.js +15 -15
  13. package/dist/components/control/components/input/input.component.js +17 -17
  14. package/dist/components/control/components/label/label.component.js +12 -12
  15. package/dist/components/control/components/radio-text/radio-text.component.js +1 -1
  16. package/dist/components/control/components/textarea/textarea.component.js +10 -10
  17. package/dist/components/header/header.component.d.ts +12 -0
  18. package/dist/components/header/header.component.js +45 -0
  19. package/dist/main.js +1 -1
  20. package/package.json +1 -1
  21. package/dist/assets/button-XGvsKGqH.css +0 -1
  22. package/dist/assets/checkbox-n_3O8ZLW.css +0 -1
  23. package/dist/assets/dropdown-DKR8xas9.css +0 -1
  24. package/dist/assets/input-DTN-3ZET.css +0 -1
  25. package/dist/assets/label-DF2VBeUr.css +0 -1
  26. package/dist/assets/main-C0tWHTEq.css +0 -1
  27. package/dist/assets/radio-text-DAsITkgm.css +0 -1
  28. 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 h from "clsx";
3
- import { containsHtml as m } from "../../utils/utils.js";
4
- import '../../../../assets/button-XGvsKGqH.css';const S = "_Button_hr1uu_1", x = "_ButtonSizeSm_hr1uu_10", z = "_ButtonText_hr1uu_15", f = "_ButtonSizeMd_hr1uu_21", C = "_ButtonSizeLg_hr1uu_22", p = "_ButtonColorNext_hr1uu_37", N = "_ButtonColorPrevious_hr1uu_45", g = "_ButtonFullWidth_hr1uu_61", F = "_ButtonInfo_hr1uu_69", t = {
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: C,
10
- ButtonColorNext: p,
11
- ButtonColorPrevious: N,
12
- ButtonFullWidth: g,
13
- ButtonInfo: F
14
- }, M = (e) => {
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: r = !1,
20
+ disabled: i = !1,
21
21
  info: o = "",
22
- fullWidth: i = !1,
22
+ fullWidth: a = !1,
23
23
  onClick: c,
24
- onFocus: _,
25
- onBlur: a
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: r,
33
- className: h(t.Button, {
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]: i
39
+ [t.ButtonFullWidth]: a
40
40
  }),
41
41
  onClick: () => c?.call(null),
42
- onFocus: () => _?.call(null),
43
- onBlur: () => a?.call(null),
42
+ onFocus: () => r?.call(null),
43
+ onBlur: () => _?.call(null),
44
44
  children: [
45
45
  /* @__PURE__ */ u("span", { className: t.ButtonText, children: s }),
46
- m(o) && o ? /* @__PURE__ */ u("span", { className: t.ButtonInfo, dangerouslySetInnerHTML: { __html: o } }) : /* @__PURE__ */ u("span", { className: t.ButtonInfo, children: o })
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
- M as Button
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-n_3O8ZLW.css';const I = "_Checkbox_1l6ko_1", N = "_CheckboxChoice_1l6ko_14", j = "_CheckboxContent_1l6ko_20", l = {
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: r, onFocus: b, onBlur: x } = i, [s, h] = a(!1), [d, C] = a(!1), m = (t) => {
12
- e || s || (t.preventDefault(), r(!n, o));
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(), r(!n, o));
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: l.Checkbox,
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: l.CheckboxChoice, children: /* @__PURE__ */ c(_, { type: "checkbox", state: k, checked: n, focused: s, hovered: d, disabled: e }) }),
44
- /* @__PURE__ */ c("div", { className: l.CheckboxContent, children: u })
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 f } from "../radio-text/radio-text.component.js";
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-DKR8xas9.css';const Y = "_Dropdown_152mp_1", Z = "_DropdownBorder_152mp_17", oo = "_DropdownContent_152mp_28", eo = "_DropdownChevron_152mp_39", no = "_DropdownChevronWrap_152mp_53", ro = "_DropdownBox_152mp_69", so = "_DropdownBoxVisible_152mp_75", co = "_DropdownBoxHidden_152mp_79", io = "_DropdownSearch_152mp_83", lo = "_DropdownSearchVisible_152mp_89", to = "_DropdownSearchHidden_152mp_93", po = "_DropdownClose_152mp_97", ao = "_DropdownInput_152mp_106", ho = "_DropdownGlass_152mp_120", wo = "_DropdownChoices_152mp_131", Do = "_DropdownChoice_152mp_131", mo = "_DropdownChoiceNoResult_152mp_154", e = {
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: so,
21
- DropdownBoxHidden: co,
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 = (s) => {
32
- const { choices: v = [], value: a = [], isSearchHidden: H = !1, multiple: l = !1, onChange: h, onOpen: z, onClose: V } = s, y = s.label || "", I = s.placeholder || "Wählen Sie Ihre private Krankenversicherung...", O = s.noResult || "Keine Versicherung gefunden.", W = s.closeButton || "Schließen", x = u(null), w = u(null), B = u(null), { value: t, setFalse: D, toggle: A } = M(!1), [m, G] = C(""), [c, L] = C({ width: 0, height: 0 }), [p, S] = C([]);
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, x) || (l && h(p), D());
37
+ U(o, f) || (l && h(p), D());
38
38
  }), N(() => S(Array.isArray(a) ? a : []), [a]), N(() => {
39
- t && c.width && c.height ? (B.current?.focus(), z?.call(null, c.height, c.width)) : V?.call(null);
40
- }, [t, c]);
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
- () => v.filter(({ label: o }) => o.toLowerCase().includes(m.toLowerCase())),
47
- [m, v]
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: x, onClick: A, children: /* @__PURE__ */ r("div", { className: e.DropdownBorder, children: [
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(f, { size: "lg", checked: !0, oneLine: !0, children: X.Answer.FromArrayToMultiple(p.map(({ label: o }) => o)) || I })
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(f, { size: "lg", checked: !1, children: d })
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(f, { size: "lg", checked: !1, children: O }) }) }),
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 f } from "react/jsx-runtime";
2
- import '../../../../assets/input-DTN-3ZET.css';const m = "_Input_1vr20_1", a = {
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-start_1vr20_1",
5
- "autofill-cancel": "_autofill-cancel_1vr20_1"
4
+ "autofill-start": "_autofill-start_1ldi1_1",
5
+ "autofill-cancel": "_autofill-cancel_1ldi1_1"
6
6
  }, _ = ({
7
- id: t,
7
+ id: l,
8
8
  value: n,
9
9
  disabled: o = !1,
10
10
  type: u = "text",
11
11
  onAutofill: c,
12
- onAutofillCancel: e,
13
- onChange: r,
14
- onFocus: i,
15
- onBlur: s
16
- }) => /* @__PURE__ */ f(
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: t,
23
- name: t,
22
+ id: l,
23
+ name: l,
24
24
  value: n,
25
25
  className: a.Input,
26
- onChange: (l) => r(l.target.value, t, "keyboard"),
27
- onAnimationStart: (l) => {
28
- l.animationName === a["autofill-start"] && c?.call(null, t), l.animationName === a["autofill-cancel"] && e?.call(null, t);
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: () => i?.call(null, t),
31
- onBlur: () => s?.call(null, t)
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 i } from "react/jsx-runtime";
2
- import s from "clsx";
3
- import '../../../../assets/label-DF2VBeUr.css';const c = "_Label_3yaik_1", b = "_LabelPositionIdle_3yaik_6", L = "_LabelPositionActive_3yaik_11", r = "_LabelStateIdle_3yaik_16", n = "_LabelStateError_3yaik_20", _ = "_LabelStateSuccess_3yaik_24", e = {
4
- Label: c,
5
- LabelPositionIdle: b,
6
- LabelPositionActive: L,
7
- LabelStateIdle: r,
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
- }, I = (l) => {
9
+ LabelStateSuccess: d
10
+ }, v = (l) => {
11
11
  const { children: o, position: a = "idle", state: t = "idle" } = l;
12
- return /* @__PURE__ */ i(
12
+ return /* @__PURE__ */ s(
13
13
  "span",
14
14
  {
15
- className: s(e.Label, {
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
- I as Label
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-DAsITkgm.css';const T = "_RadioText_8gt23_1", R = "_RadioTextSizeMd_8gt23_8", c = "_RadioTextSizeLg_8gt23_13", s = "_RadioTextOneLine_8gt23_18", _ = "_RadioTextContent_8gt23_19", e = {
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 r } from "react/jsx-runtime";
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-qkrRnSO5.css';const N = "_Textarea_1ltsl_1", l = {
4
+ import '../../../../assets/textarea-86fWKmQJ.css';const N = "_Textarea_e95r3_1", o = {
5
5
  Textarea: N,
6
- "autofill-start": "_autofill-start_1ltsl_1",
7
- "autofill-cancel": "_autofill-cancel_1ltsl_1"
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: o, setFalse: s } = h(!0), [g, n] = v(!1), p = (a) => {
10
- a.animationName === l["autofill-start"] && s(), a.animationName === l["autofill-cancel"] && !t && o();
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 || s(), n(), x?.call(null, a);
12
+ t || n(), r(), x?.call(null, a);
13
13
  }, F = (a) => {
14
- t || o(), n(), T?.call(null, a);
14
+ t || l(), r(), T?.call(null, a);
15
15
  };
16
- return /* @__PURE__ */ r(k, { state: c, focused: g, children: /* @__PURE__ */ r(
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: l.Textarea,
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-C0tWHTEq.css';export {
3
+ import './assets/main-BgL82qFL.css';export {
4
4
  t as Certifications,
5
5
  f as Control
6
6
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arthurzakharov/ui-kit",
3
3
  "private": false,
4
- "version": "1.0.7",
4
+ "version": "1.0.9",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -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{}