@arthurzakharov/ui-kit 1.7.4 → 1.7.6
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/form-row-Dx21oHae.css +1 -0
- package/dist/assets/input-D66hMzHc.css +1 -0
- package/dist/assets/main-iE1J4wcX.css +1 -0
- package/dist/assets/text-area-Dgc2jHSx.css +1 -0
- package/dist/components/form-row/form-row.component.js +27 -27
- package/dist/controls/interactives/input/input.component.js +14 -14
- package/dist/controls/interactives/text-area/text-area.component.js +7 -7
- package/dist/main.js +1 -1
- package/package.json +1 -1
- package/dist/assets/form-row-tmjvl6nb.css +0 -1
- package/dist/assets/input-DfrrUlEe.css +0 -1
- package/dist/assets/main-BVXeOR-N.css +0 -1
- package/dist/assets/text-area-CvucKIow.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._FormRow_ax4us_1{display:flex;flex-direction:column;align-items:stretch}._XXS_ax4us_7{gap:var(--rm-ui-padding-xxs)}._XS_ax4us_11{gap:var(--rm-ui-padding-xs)}._SM_ax4us_15{gap:var(--rm-ui-padding-sm)}._MD_ax4us_19{gap:var(--rm-ui-padding-md)}._LG_ax4us_23,._XL_ax4us_27{gap:var(--rm-ui-padding-xl)}._XXL_ax4us_31{gap:var(--rm-ui-padding-xxl)}._XXXL_ax4us_35{gap:var(--rm-ui-padding-xxxl)}._Child_ax4us_39{flex-grow:1}._Child_ax4us_39[data-children-quantity="1"]{width:100%}._Child_ax4us_39[data-children-quantity="2"]{width:50%}._Child_ax4us_39[data-children-quantity="3"]{width:calc(100% / 3)}._Child_ax4us_39[data-children-quantity="4"]{width:25%}@media screen and (min-width:768px){._FormRow_ax4us_1{flex-direction:row}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Input_gfvsr_1{outline:none;box-sizing:border-box;border:none;display:inline-flex;font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary);background-color:transparent}._Input_gfvsr_1:hover{cursor:pointer}._Input_gfvsr_1:disabled{opacity:.33}._Input_gfvsr_1:disabled,._Input_gfvsr_1:-webkit-autofill,._Input_gfvsr_1:-webkit-autofill:hover,._Input_gfvsr_1:-webkit-autofill:focus,._Input_gfvsr_1:-webkit-autofill:active,._Input_gfvsr_1:autofill,._Input_gfvsr_1:autofill:hover,._Input_gfvsr_1:autofill:focus,._Input_gfvsr_1:autofill:active{-webkit-text-fill-color:var(--rm-ui-color-text-primary);background:transparent;transition:background 7200s ease-in-out 0s}._Input_gfvsr_1:-webkit-autofill{animation-name:_autofill-start_gfvsr_1;animation-duration:.1s}._Input_gfvsr_1:not(:-webkit-autofill){animation-name:_autofill-end_gfvsr_1;animation-duration:.1s}._Placeholder_gfvsr_45{color:var(--rm-ui-color-text-secondary);font-weight:var(--rm-ui-font-weight-light)}@keyframes _autofill-start_gfvsr_1{}@keyframes _autofill-end_gfvsr_1{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg)}body,input,textarea{font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}: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-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--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: #ff9900;--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-body-color: #f0faff;--rm-ui-box-border-radius: 10px;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: rgba(35, 191, 150, 1);--rm-ui-next-btn-bg-hover: rgba(35, 191, 150, .9);--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f9fcff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .45s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._TextArea_11gck_1{display:flex;flex-direction:column}._Input_11gck_6{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-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Input_11gck_6:hover{cursor:pointer}._Input_11gck_6:disabled{opacity:.33}._ErrorMessage_11gck_28{padding-top:var(--rm-ui-padding-xxs)}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Children as
|
|
3
|
-
import
|
|
4
|
-
import { baseProps as
|
|
5
|
-
import '../../assets/form-row-
|
|
6
|
-
FormRow:
|
|
7
|
-
XXS:
|
|
8
|
-
XS:
|
|
9
|
-
SM:
|
|
10
|
-
MD:
|
|
11
|
-
LG:
|
|
12
|
-
XL:
|
|
13
|
-
XXL:
|
|
14
|
-
XXXL:
|
|
15
|
-
Child:
|
|
16
|
-
}, R = ({ children:
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { Children as t, isValidElement as x } from "react";
|
|
3
|
+
import c from "clsx";
|
|
4
|
+
import { baseProps as m } from "../../utils/functions/functions.util.js";
|
|
5
|
+
import '../../assets/form-row-Dx21oHae.css';const l = "_FormRow_ax4us_1", u = "_XXS_ax4us_7", a = "_XS_ax4us_11", i = "_SM_ax4us_15", L = "_MD_ax4us_19", d = "_LG_ax4us_23", e = "_XL_ax4us_27", S = "_XXL_ax4us_31", M = "_XXXL_ax4us_35", f = "_Child_ax4us_39", s = {
|
|
6
|
+
FormRow: l,
|
|
7
|
+
XXS: u,
|
|
8
|
+
XS: a,
|
|
9
|
+
SM: i,
|
|
10
|
+
MD: L,
|
|
11
|
+
LG: d,
|
|
12
|
+
XL: e,
|
|
13
|
+
XXL: S,
|
|
14
|
+
XXXL: M,
|
|
15
|
+
Child: f
|
|
16
|
+
}, R = ({ children: X, gap: o = "sm", ..._ }) => t.count(X) === 0 ? null : /* @__PURE__ */ n(
|
|
17
17
|
"div",
|
|
18
18
|
{
|
|
19
|
-
"data-testid":
|
|
20
|
-
className:
|
|
21
|
-
[
|
|
22
|
-
[
|
|
23
|
-
[
|
|
24
|
-
[
|
|
25
|
-
[
|
|
26
|
-
[
|
|
27
|
-
[
|
|
28
|
-
[
|
|
19
|
+
"data-testid": m(_, "data-testid", "form-row"),
|
|
20
|
+
className: c(s.FormRow, m(_, "className"), {
|
|
21
|
+
[s.XXS]: o === "xxs",
|
|
22
|
+
[s.XS]: o === "xs",
|
|
23
|
+
[s.SM]: o === "sm",
|
|
24
|
+
[s.MD]: o === "md",
|
|
25
|
+
[s.LG]: o === "lg",
|
|
26
|
+
[s.XL]: o === "xl",
|
|
27
|
+
[s.XXL]: o === "xxl",
|
|
28
|
+
[s.XXXL]: o === "xxxl"
|
|
29
29
|
}),
|
|
30
|
-
children:
|
|
30
|
+
children: t.map(X, (r) => x(r) ? /* @__PURE__ */ n("div", { "data-children-quantity": t.count(X), className: s.Child, children: r }) : null)
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
33
|
export {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as M } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as d, useState as O, useLayoutEffect as Q, useCallback as R, useEffect as W } from "react";
|
|
3
3
|
import K from "clsx";
|
|
4
|
-
import { compareStrings as X, isDigit as Y, getFirstNotEnteredCharIndex as
|
|
4
|
+
import { compareStrings as X, isDigit as Y, getFirstNotEnteredCharIndex as v, replaceCharByIndex as b, getNextChar as T, isSeparator as P, getPreviousChar as Z, applyMask as k } from "./input.utils.js";
|
|
5
5
|
import { useControlInteraction as tt } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
|
|
6
6
|
import { baseProps as h } from "../../../utils/functions/functions.util.js";
|
|
7
|
-
import '../../../assets/input-
|
|
7
|
+
import '../../../assets/input-D66hMzHc.css';const et = "_Input_gfvsr_1", nt = "_Placeholder_gfvsr_45", w = {
|
|
8
8
|
Input: et,
|
|
9
9
|
Placeholder: nt
|
|
10
10
|
}, it = ({
|
|
11
11
|
// Interactive props
|
|
12
12
|
id: u,
|
|
13
|
-
value:
|
|
13
|
+
value: y = "",
|
|
14
14
|
disabled: g = !1,
|
|
15
15
|
onChange: $,
|
|
16
16
|
onFocus: L,
|
|
@@ -29,7 +29,7 @@ import '../../../assets/input-DfrrUlEe.css';const et = "_Input_16els_1", nt = "_
|
|
|
29
29
|
onChange: $,
|
|
30
30
|
onFocus: L,
|
|
31
31
|
onBlur: j
|
|
32
|
-
}), o = d(null), D = d(!1), a = d(null), N = d(!0), [r, I] = O(
|
|
32
|
+
}), o = d(null), D = d(!1), a = d(null), N = d(!0), [r, I] = O(y || n), i = (t) => {
|
|
33
33
|
const c = Math.max(0, t);
|
|
34
34
|
if (a.current = c, !o.current) return;
|
|
35
35
|
const e = Math.min(c, o.current.value.length);
|
|
@@ -41,17 +41,17 @@ import '../../../assets/input-DfrrUlEe.css';const et = "_Input_16els_1", nt = "_
|
|
|
41
41
|
o.current.setSelectionRange(t, t), a.current = null;
|
|
42
42
|
}, [r, n]);
|
|
43
43
|
const F = () => {
|
|
44
|
-
const t = o.current?.value || "", c =
|
|
44
|
+
const t = o.current?.value || "", c = v(t, n);
|
|
45
45
|
c !== t.length && i(c);
|
|
46
46
|
}, G = R(() => {
|
|
47
47
|
const t = o.current?.value || "", c = X(r, t);
|
|
48
48
|
if (!Y(c)) return;
|
|
49
|
-
const e = o.current?.selectionEnd || 0, m =
|
|
49
|
+
const e = o.current?.selectionEnd || 0, m = v(t, n) === t.length, l = b(r, e - 1, c), f = v(l, n);
|
|
50
50
|
if (m) {
|
|
51
|
-
const
|
|
52
|
-
I(J), i(
|
|
51
|
+
const p = t.slice(0, e - 1), x = t.slice(e - 1, e), B = t.slice(e), J = b(p + B, e - 1, x), _ = T(p + B, e) || "";
|
|
52
|
+
I(J), i(P(_, n) && _ ? e + 1 : e);
|
|
53
53
|
} else
|
|
54
|
-
I(l), i(
|
|
54
|
+
I(l), i(f);
|
|
55
55
|
}, [r, n]), H = R(
|
|
56
56
|
(t) => {
|
|
57
57
|
if ([
|
|
@@ -73,8 +73,8 @@ import '../../../assets/input-DfrrUlEe.css';const et = "_Input_16els_1", nt = "_
|
|
|
73
73
|
t.preventDefault();
|
|
74
74
|
const e = o.current?.selectionEnd || 0;
|
|
75
75
|
if (e) {
|
|
76
|
-
const A = Z(r, e), m = T(r, e - 1), l =
|
|
77
|
-
I(x), i(
|
|
76
|
+
const A = Z(r, e), m = T(r, e - 1), l = P(A, n), f = P(m, n), p = e - (l || f ? 2 : 1), x = k(r, n, e - (f ? 2 : 1));
|
|
77
|
+
I(x), i(p);
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
},
|
|
@@ -103,7 +103,7 @@ import '../../../assets/input-DfrrUlEe.css';const et = "_Input_16els_1", nt = "_
|
|
|
103
103
|
id: u,
|
|
104
104
|
name: u,
|
|
105
105
|
value: r,
|
|
106
|
-
className: K(
|
|
106
|
+
className: K(w.Input, h(s, "className"), { [w.Placeholder]: r === n }),
|
|
107
107
|
onAnimationStart: (t) => V(t.animationName),
|
|
108
108
|
onKeyDown: H,
|
|
109
109
|
onChange: G,
|
|
@@ -129,8 +129,8 @@ import '../../../assets/input-DfrrUlEe.css';const et = "_Input_16els_1", nt = "_
|
|
|
129
129
|
type: "text",
|
|
130
130
|
id: u,
|
|
131
131
|
name: u,
|
|
132
|
-
value:
|
|
133
|
-
className: K(
|
|
132
|
+
value: y,
|
|
133
|
+
className: K(w.Input, h(s, "className")),
|
|
134
134
|
onChange: (t) => C(t.target.value, "keyboard"),
|
|
135
135
|
onAnimationStart: (t) => V(t.animationName),
|
|
136
136
|
onFocus: S,
|
|
@@ -7,10 +7,10 @@ import { baseProps as t } from "../../../utils/functions/functions.util.js";
|
|
|
7
7
|
import "lucide-react";
|
|
8
8
|
import { ErrorMessage as C } from "../../primitives/error-message/error-message.component.js";
|
|
9
9
|
import "usehooks-ts";
|
|
10
|
-
import { useControlInteraction as
|
|
11
|
-
import '../../../assets/text-area-
|
|
12
|
-
Input:
|
|
13
|
-
ErrorMessage:
|
|
10
|
+
import { useControlInteraction as k } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
|
|
11
|
+
import '../../../assets/text-area-Dgc2jHSx.css';const B = "_Input_11gck_6", F = "_ErrorMessage_11gck_28", a = {
|
|
12
|
+
Input: B,
|
|
13
|
+
ErrorMessage: F
|
|
14
14
|
}, z = ({
|
|
15
15
|
// Interactive props
|
|
16
16
|
id: o,
|
|
@@ -27,7 +27,7 @@ import '../../../assets/text-area-CvucKIow.css';const F = "_Input_1auuc_6", j =
|
|
|
27
27
|
// Base props
|
|
28
28
|
...e
|
|
29
29
|
}) => {
|
|
30
|
-
const { focused:
|
|
30
|
+
const { focused: g, emitChange: x, handleFocus: f, handleBlur: h } = k({
|
|
31
31
|
id: o,
|
|
32
32
|
disabled: s,
|
|
33
33
|
onChange: c,
|
|
@@ -40,7 +40,7 @@ import '../../../assets/text-area-CvucKIow.css';const F = "_Input_1auuc_6", j =
|
|
|
40
40
|
"data-testid": t(e, "data-testid", "textarea"),
|
|
41
41
|
className: N(a.Container, t(e, "className")),
|
|
42
42
|
children: [
|
|
43
|
-
/* @__PURE__ */ r(I, { state: n, focused:
|
|
43
|
+
/* @__PURE__ */ r(I, { state: n, focused: g, className: t(e, "className"), children: /* @__PURE__ */ r(
|
|
44
44
|
"textarea",
|
|
45
45
|
{
|
|
46
46
|
"data-testid": "textarea-input",
|
|
@@ -50,7 +50,7 @@ import '../../../assets/text-area-CvucKIow.css';const F = "_Input_1auuc_6", j =
|
|
|
50
50
|
placeholder: p,
|
|
51
51
|
value: i,
|
|
52
52
|
className: a.Input,
|
|
53
|
-
onChange: (E) =>
|
|
53
|
+
onChange: (E) => x(E.target.value, "keyboard"),
|
|
54
54
|
onFocus: () => f(),
|
|
55
55
|
onBlur: () => h()
|
|
56
56
|
}
|
package/dist/main.js
CHANGED
|
@@ -49,7 +49,7 @@ import { Svg as qo } from "./utils/svg/svg.component.js";
|
|
|
49
49
|
import { Text as Jo } from "./components/text/text.component.js";
|
|
50
50
|
import { UserPanel as Oo } from "./components/user-panel/user-panel.component.js";
|
|
51
51
|
import { Warranty as Vo } from "./components/warranty/warranty.component.js";
|
|
52
|
-
import './assets/main-
|
|
52
|
+
import './assets/main-iE1J4wcX.css';export {
|
|
53
53
|
Z as AccordionTable,
|
|
54
54
|
$ as BottomBar,
|
|
55
55
|
H as Box,
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FormRow_f70c8_1{display:flex;flex-direction:column;align-items:stretch}._XXS_f70c8_7{gap:var(--rm-ui-padding-xxs)}._XS_f70c8_11{gap:var(--rm-ui-padding-xs)}._SM_f70c8_15{gap:var(--rm-ui-padding-sm)}._MD_f70c8_19{gap:var(--rm-ui-padding-md)}._LG_f70c8_23,._XL_f70c8_27{gap:var(--rm-ui-padding-xl)}._XXL_f70c8_31{gap:var(--rm-ui-padding-xxl)}._XXXL_f70c8_35{gap:var(--rm-ui-padding-xxxl)}._Child_f70c8_39{flex-grow:1}@media screen and (min-width:768px){._FormRow_f70c8_1{flex-direction:row}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Input_16els_1{outline:none;box-sizing:border-box;border:none;display:inline-flex;font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary);background-color:transparent}._Input_16els_1:hover{cursor:pointer}._Input_16els_1:disabled{opacity:.33}._Input_16els_1:disabled,._Input_16els_1:-webkit-autofill,._Input_16els_1:-webkit-autofill:hover,._Input_16els_1:-webkit-autofill:focus,._Input_16els_1:-webkit-autofill:active,._Input_16els_1:autofill,._Input_16els_1:autofill:hover,._Input_16els_1:autofill:focus,._Input_16els_1:autofill:active{-webkit-text-fill-color:var(--rm-ui-color-text-primary);background:transparent;transition:background 7200s ease-in-out 0s}._Input_16els_1:-webkit-autofill{animation-name:_autofill-start_16els_1;animation-duration:.1s}._Input_16els_1:not(:-webkit-autofill){animation-name:_autofill-end_16els_1;animation-duration:.1s}._Placeholder_16els_46{color:var(--rm-ui-color-text-secondary);font-weight:var(--rm-ui-font-weight-light)}@keyframes _autofill-start_16els_1{}@keyframes _autofill-end_16els_1{}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}: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-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--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: #ff9900;--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-body-color: #f0faff;--rm-ui-box-border-radius: 10px;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: rgba(35, 191, 150, 1);--rm-ui-next-btn-bg-hover: rgba(35, 191, 150, .9);--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f9fcff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .45s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._TextArea_1auuc_1{display:flex;flex-direction:column}._Input_1auuc_6{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:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Input_1auuc_6:hover{cursor:pointer}._Input_1auuc_6:disabled{opacity:.33}._ErrorMessage_1auuc_29{padding-top:var(--rm-ui-padding-xxs)}
|