@arthurzakharov/ui-kit 2.1.0 → 2.2.0

package/dist/assets/{main-LzSMZNTG.css → main-DZmlIs7j.css}

@@ -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: 28px;--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-accent-tertiary: #f5a623;--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-info-bg: #edf9f6;--rm-ui-payment-sidebar-bg: #f6f6f6;--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}
+*,*: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: 28px;--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-accent-tertiary: #f5a623;--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-color-text-under-submit: #bdbdbd;--rm-ui-color-button-under-submit: #006699b3;--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-info-bg: #edf9f6;--rm-ui-payment-sidebar-bg: #f6f6f6;--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}

package/dist/assets/text-DYEJSFKw.css

@@ -0,0 +1 @@
+._Lined_zitvv_1{text-decoration:underline}._Left_zitvv_7{text-align:left}._Center_zitvv_11{text-align:center}._Right_zitvv_15{text-align:right}._Light_zitvv_21{font-weight:var(--rm-ui-font-weight-light)}._Regular_zitvv_25{font-weight:var(--rm-ui-font-weight-regular)}._Medium_zitvv_29{font-weight:var(--rm-ui-font-weight-medium)}._Bold_zitvv_33{font-weight:var(--rm-ui-font-weight-bold)}._BodyExtraSmall_zitvv_39{font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small)}._BodySmall_zitvv_44{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._Body_zitvv_39{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodyLarge_zitvv_54{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._HL1_zitvv_59{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._HL2_zitvv_64{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._HL3_zitvv_69{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._HL4_zitvv_74{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._HL5_zitvv_79{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}._TextPrimary_zitvv_86{color:var(--rm-ui-color-text-primary)}._TextSecondary_zitvv_90{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_zitvv_94{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_zitvv_98{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_zitvv_102{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_zitvv_106{color:var(--rm-ui-color-theme-secondary)}._Error_zitvv_110{color:var(--rm-ui-color-error)}._Success_zitvv_114{color:var(--rm-ui-color-success)}._Focus_zitvv_118{color:var(--rm-ui-color-focus)}._Link_zitvv_122{color:var(--rm-ui-color-link)}._Grey950_zitvv_126{color:var(--rm-ui-grey-950)}._Grey900_zitvv_130{color:var(--rm-ui-grey-900)}._Grey800_zitvv_134{color:var(--rm-ui-grey-800)}._Grey700_zitvv_138{color:var(--rm-ui-grey-700)}._Grey600_zitvv_142{color:var(--rm-ui-grey-600)}._Grey500_zitvv_146{color:var(--rm-ui-grey-500)}._Grey400_zitvv_150{color:var(--rm-ui-grey-400)}._Grey300_zitvv_154{color:var(--rm-ui-grey-300)}._Grey200_zitvv_158{color:var(--rm-ui-grey-200)}._Grey100_zitvv_162{color:var(--rm-ui-grey-100)}._Grey50_zitvv_146{color:var(--rm-ui-grey-50)}._UnderSubmit_zitvv_172,._UnderSubmitLight_zitvv_173{text-align:center}._UnderSubmit_zitvv_172 button,._UnderSubmit_zitvv_172 *[role=button]{color:var(--rm-ui-color-link);opacity:.7;outline-offset:2px}._UnderSubmit_zitvv_172 button:hover,._UnderSubmit_zitvv_172 *[role=button]:hover{text-decoration:underline}._UnderSubmit_zitvv_172 button:focus-visible,._UnderSubmit_zitvv_172 *[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}._UnderSubmitLight_zitvv_173{color:var(--rm-ui-color-text-under-submit)}._UnderSubmitLight_zitvv_173 button,._UnderSubmitLight_zitvv_173 *[role=button]{color:var(--rm-ui-color-button-under-submit);opacity:.7;outline-offset:2px}._UnderSubmitLight_zitvv_173 button:hover,._UnderSubmitLight_zitvv_173 *[role=button]:hover{text-decoration:underline}._UnderSubmitLight_zitvv_173 button:focus-visible,._UnderSubmitLight_zitvv_173 *[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}

package/dist/components/text/text.component.js

@@ -1,135 +1,142 @@
-import { jsx as h } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
-import x from "clsx";
-import { Content as S } from "../../utils/content/content.component.js";
-import '../../assets/text-Bhvd-u-V.css';const f = "_Lined_553v9_1", u = "_Left_553v9_7", T = "_Center_553v9_11", b = "_Right_553v9_15", B = "_Light_553v9_21", H = "_Regular_553v9_25", w = "_Medium_553v9_29", R = "_Bold_553v9_33", P = "_BodyExtraSmall_553v9_39", z = "_BodySmall_553v9_44", A = "_Body_553v9_39", E = "_BodyLarge_553v9_54", C = "_HL1_553v9_59", k = "_HL2_553v9_64", M = "_HL3_553v9_69", F = "_HL4_553v9_74", $ = "_HL5_553v9_79", N = "_TextPrimary_553v9_86", j = "_TextSecondary_553v9_90", W = "_AccentPrimary_553v9_94", q = "_AccentSecondary_553v9_98", D = "_ThemePrimary_553v9_102", I = "_ThemeSecondary_553v9_106", J = "_Success_553v9_114", K = "_Focus_553v9_118", O = "_Link_553v9_122", Q = "_Grey950_553v9_126", U = "_Grey900_553v9_130", V = "_Grey800_553v9_134", X = "_Grey700_553v9_138", Y = "_Grey600_553v9_142", Z = "_Grey500_553v9_146", ee = "_Grey400_553v9_150", re = "_Grey300_553v9_154", te = "_Grey200_553v9_158", oe = "_Grey100_553v9_162", ye = "_Grey50_553v9_146", e = {
-  Lined: f,
-  Left: u,
-  Center: T,
-  Right: b,
-  Light: B,
-  Regular: H,
-  Medium: w,
-  Bold: R,
-  BodyExtraSmall: P,
-  BodySmall: z,
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as G } from "react";
+import L from "clsx";
+import { Content as u } from "../../utils/content/content.component.js";
+import '../../assets/text-DYEJSFKw.css';const x = "_Lined_zitvv_1", b = "_Left_zitvv_7", S = "_Center_zitvv_11", f = "_Right_zitvv_15", T = "_Light_zitvv_21", B = "_Regular_zitvv_25", H = "_Medium_zitvv_29", w = "_Bold_zitvv_33", R = "_BodyExtraSmall_zitvv_39", P = "_BodySmall_zitvv_44", A = "_Body_zitvv_39", U = "_BodyLarge_zitvv_54", E = "_HL1_zitvv_59", C = "_HL2_zitvv_64", k = "_HL3_zitvv_69", M = "_HL4_zitvv_74", F = "_HL5_zitvv_79", $ = "_TextPrimary_zitvv_86", N = "_TextSecondary_zitvv_90", j = "_AccentPrimary_zitvv_94", W = "_AccentSecondary_zitvv_98", q = "_ThemePrimary_zitvv_102", D = "_ThemeSecondary_zitvv_106", I = "_Success_zitvv_114", J = "_Focus_zitvv_118", K = "_Link_zitvv_122", O = "_Grey950_zitvv_126", Q = "_Grey900_zitvv_130", V = "_Grey800_zitvv_134", X = "_Grey700_zitvv_138", Y = "_Grey600_zitvv_142", Z = "_Grey500_zitvv_146", ee = "_Grey400_zitvv_150", te = "_Grey300_zitvv_154", re = "_Grey200_zitvv_158", oe = "_Grey100_zitvv_162", ie = "_Grey50_zitvv_146", ne = "_UnderSubmit_zitvv_172", ye = "_UnderSubmitLight_zitvv_173", e = {
+  Lined: x,
+  Left: b,
+  Center: S,
+  Right: f,
+  Light: T,
+  Regular: B,
+  Medium: H,
+  Bold: w,
+  BodyExtraSmall: R,
+  BodySmall: P,
   Body: A,
-  BodyLarge: E,
-  HL1: C,
-  HL2: k,
-  HL3: M,
-  HL4: F,
-  HL5: $,
-  TextPrimary: N,
-  TextSecondary: j,
-  AccentPrimary: W,
-  AccentSecondary: q,
-  ThemePrimary: D,
-  ThemeSecondary: I,
-  Error: "_Error_553v9_110",
-  Success: J,
-  Focus: K,
-  Link: O,
-  Grey950: Q,
-  Grey900: U,
+  BodyLarge: U,
+  HL1: E,
+  HL2: C,
+  HL3: k,
+  HL4: M,
+  HL5: F,
+  TextPrimary: $,
+  TextSecondary: N,
+  AccentPrimary: j,
+  AccentSecondary: W,
+  ThemePrimary: q,
+  ThemeSecondary: D,
+  Error: "_Error_zitvv_110",
+  Success: I,
+  Focus: J,
+  Link: K,
+  Grey950: O,
+  Grey900: Q,
   Grey800: V,
   Grey700: X,
   Grey600: Y,
   Grey500: Z,
   Grey400: ee,
-  Grey300: re,
-  Grey200: te,
+  Grey300: te,
+  Grey200: re,
   Grey100: oe,
-  Grey50: ye
-}, ne = {
+  Grey50: ie,
+  UnderSubmit: ne,
+  UnderSubmitLight: ye
+}, ce = {
   "page-info": { tag: "p", weight: "light", size: "body", color: "text-secondary" },
   "page-subtitle": { tag: "h6", weight: "regular", size: "body", color: "text-primary" },
   "page-title": { tag: "h1", weight: "bold", size: "hl1", color: "text-primary" },
   "sidebar-title": { tag: "h3", weight: "bold", size: "hl3", color: "text-primary" },
-  "step-title": { tag: "h2", weight: "bold", size: "hl4", color: "text-primary" }
-}, ce = L(({
-  children: m,
-  className: g,
-  preset: y,
-  lined: v = !1,
-  align: c = "left",
-  tag: _ = "p",
-  weight: i = "regular",
-  size: a = "body",
-  color: s = "text-primary",
+  "step-title": { tag: "h2", weight: "bold", size: "hl4", color: "text-primary" },
+  "under-submit": { tag: "p", weight: "light", size: "body-small", color: "text-secondary" },
+  "under-submit-light": { tag: "p", weight: "light", size: "body-small", color: "text-secondary" }
+}, _e = G(({
+  children: v,
+  className: m,
+  preset: o,
+  lined: g = !1,
+  align: y = "left",
+  tag: c = "p",
+  weight: _ = "regular",
+  size: s = "body",
+  color: a = "text-primary",
   ...l
-}, p) => {
-  let d = _, n = i, t = a, r = s;
-  if (y) {
-    const o = ne[y];
-    _ !== "p" && _ !== o.tag && console.warn(
-      `Text component: 'tag' prop will be overridden by 'preset="${y}"'. Remove explicit 'tag' prop if not intended.`
-    ), i !== "regular" && i !== o.weight && console.warn(
-      `Text component: 'weight' prop will be overridden by 'preset="${y}"'. Remove explicit 'weight' prop if not intended.`
-    ), a !== "body" && a !== o.size && console.warn(
-      `Text component: 'size' prop will be overridden by 'preset="${y}"'. Remove explicit 'size' prop if not intended.`
-    ), s !== "text-primary" && s !== o.color && console.warn(
-      `Text component: 'color' prop will be overridden by 'preset="${y}"'. Remove explicit 'color' prop if not intended.`
-    ), d = o.tag, n = o.weight, t = o.size, r = o.color;
+}, h) => {
+  let d = c, n = _, r = s, t = a;
+  if (o) {
+    const i = ce[o];
+    c !== "p" && c !== i.tag && console.warn(
+      `Text component: 'tag' prop will be overridden by 'preset="${o}"'. Remove explicit 'tag' prop if not intended.`
+    ), _ !== "regular" && _ !== i.weight && console.warn(
+      `Text component: 'weight' prop will be overridden by 'preset="${o}"'. Remove explicit 'weight' prop if not intended.`
+    ), s !== "body" && s !== i.size && console.warn(
+      `Text component: 'size' prop will be overridden by 'preset="${o}"'. Remove explicit 'size' prop if not intended.`
+    ), a !== "text-primary" && a !== i.color && console.warn(
+      `Text component: 'color' prop will be overridden by 'preset="${o}"'. Remove explicit 'color' prop if not intended.`
+    ), d = i.tag, n = i.weight, r = i.size, t = i.color;
   }
-  const G = x(g, {
-    [e.Lined]: v,
+  const z = L(m, {
+    [e.Lined]: g,
     // ALIGNMENTS
-    [e.Left]: c === "left",
-    [e.Center]: c === "center",
-    [e.Right]: c === "right",
+    [e.Left]: y === "left",
+    [e.Center]: y === "center",
+    [e.Right]: y === "right",
     // FONT WEIGHTS
     [e.Light]: n === "light",
     [e.Regular]: n === "regular",
     [e.Medium]: n === "medium",
     [e.Bold]: n === "bold",
     // FONT SIZES
-    [e.BodyExtraSmall]: t === "body-extra-small",
-    [e.BodySmall]: t === "body-small",
-    [e.Body]: t === "body",
-    [e.BodyLarge]: t === "body-large",
-    [e.HL1]: t === "hl1",
-    [e.HL2]: t === "hl2",
-    [e.HL3]: t === "hl3",
-    [e.HL4]: t === "hl4",
-    [e.HL5]: t === "hl5",
+    [e.BodyExtraSmall]: r === "body-extra-small",
+    [e.BodySmall]: r === "body-small",
+    [e.Body]: r === "body",
+    [e.BodyLarge]: r === "body-large",
+    [e.HL1]: r === "hl1",
+    [e.HL2]: r === "hl2",
+    [e.HL3]: r === "hl3",
+    [e.HL4]: r === "hl4",
+    [e.HL5]: r === "hl5",
     // COLORS
-    [e.TextPrimary]: r === "text-primary",
-    [e.TextSecondary]: r === "text-secondary",
-    [e.AccentPrimary]: r === "accent-primary",
-    [e.AccentSecondary]: r === "accent-secondary",
-    [e.ThemePrimary]: r === "theme-primary",
-    [e.ThemeSecondary]: r === "theme-secondary",
-    [e.Error]: r === "error",
-    [e.Success]: r === "success",
-    [e.Focus]: r === "focus",
-    [e.Link]: r === "link",
-    [e.Grey950]: r === "grey-950",
-    [e.Grey900]: r === "grey-900",
-    [e.Grey800]: r === "grey-800",
-    [e.Grey700]: r === "grey-700",
-    [e.Grey600]: r === "grey-600",
-    [e.Grey500]: r === "grey-500",
-    [e.Grey400]: r === "grey-400",
-    [e.Grey300]: r === "grey-300",
-    [e.Grey200]: r === "grey-200",
-    [e.Grey100]: r === "grey-100",
-    [e.Grey50]: r === "grey-50"
+    [e.TextPrimary]: t === "text-primary",
+    [e.TextSecondary]: t === "text-secondary",
+    [e.AccentPrimary]: t === "accent-primary",
+    [e.AccentSecondary]: t === "accent-secondary",
+    [e.ThemePrimary]: t === "theme-primary",
+    [e.ThemeSecondary]: t === "theme-secondary",
+    [e.Error]: t === "error",
+    [e.Success]: t === "success",
+    [e.Focus]: t === "focus",
+    [e.Link]: t === "link",
+    [e.Grey950]: t === "grey-950",
+    [e.Grey900]: t === "grey-900",
+    [e.Grey800]: t === "grey-800",
+    [e.Grey700]: t === "grey-700",
+    [e.Grey600]: t === "grey-600",
+    [e.Grey500]: t === "grey-500",
+    [e.Grey400]: t === "grey-400",
+    [e.Grey300]: t === "grey-300",
+    [e.Grey200]: t === "grey-200",
+    [e.Grey100]: t === "grey-100",
+    [e.Grey50]: t === "grey-50",
+    // PRESETS
+    [e.UnderSubmit]: o === "under-submit",
+    [e.UnderSubmitLight]: o === "under-submit-light"
   });
-  return /* @__PURE__ */ h(
-    S,
+  return /* @__PURE__ */ p(
+    u,
     {
-      ref: p,
+      ref: h,
       "data-testid": l["data-testid"] || "content",
       tag: d,
       alwaysRender: !1,
-      className: G,
+      className: z,
       ...l,
-      children: m
+      children: v
     }
   );
 });
-ce.displayName = "Text";
+_e.displayName = "Text";
 export {
-  ce as Text
+  _e as Text
 };

package/dist/main.js

@@ -49,7 +49,7 @@ import { Svg as qo } from "./utils/svg/svg.component.js";
 import { Text as Jo } from "./components/text/text.component.js";
 import { UserPanel as Oo } from "./components/user-panel/user-panel.component.js";
 import { Warranty as Vo } from "./components/warranty/warranty.component.js";
-import './assets/main-LzSMZNTG.css';export {
+import './assets/main-DZmlIs7j.css';export {
   Z as AccordionTable,
   $ as BottomBar,
   H as Box,

package/dist/utils/types.d.ts

@@ -12,6 +12,6 @@ export interface Base {
     className?: string;
     ['data-testid']?: string;
 }
-export declare const TEXT_PRESET: readonly ["page-info", "page-subtitle", "page-title", "sidebar-title", "step-title"];
+export declare const TEXT_PRESET: readonly ["page-info", "page-subtitle", "page-title", "sidebar-title", "step-title", "under-submit", "under-submit-light"];
 export type TextPreset = (typeof TEXT_PRESET)[number];
 export type TagNames = keyof HTMLElementTagNameMap;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "2.1.0",
+  "version": "2.2.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/text-Bhvd-u-V.css

@@ -1 +0,0 @@
-._Lined_553v9_1{text-decoration:underline}._Left_553v9_7{text-align:left}._Center_553v9_11{text-align:center}._Right_553v9_15{text-align:right}._Light_553v9_21{font-weight:var(--rm-ui-font-weight-light)}._Regular_553v9_25{font-weight:var(--rm-ui-font-weight-regular)}._Medium_553v9_29{font-weight:var(--rm-ui-font-weight-medium)}._Bold_553v9_33{font-weight:var(--rm-ui-font-weight-bold)}._BodyExtraSmall_553v9_39{font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small)}._BodySmall_553v9_44{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._Body_553v9_39{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodyLarge_553v9_54{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._HL1_553v9_59{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._HL2_553v9_64{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._HL3_553v9_69{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._HL4_553v9_74{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._HL5_553v9_79{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}._TextPrimary_553v9_86{color:var(--rm-ui-color-text-primary)}._TextSecondary_553v9_90{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_553v9_94{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_553v9_98{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_553v9_102{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_553v9_106{color:var(--rm-ui-color-theme-secondary)}._Error_553v9_110{color:var(--rm-ui-color-error)}._Success_553v9_114{color:var(--rm-ui-color-success)}._Focus_553v9_118{color:var(--rm-ui-color-focus)}._Link_553v9_122{color:var(--rm-ui-color-link)}._Grey950_553v9_126{color:var(--rm-ui-grey-950)}._Grey900_553v9_130{color:var(--rm-ui-grey-900)}._Grey800_553v9_134{color:var(--rm-ui-grey-800)}._Grey700_553v9_138{color:var(--rm-ui-grey-700)}._Grey600_553v9_142{color:var(--rm-ui-grey-600)}._Grey500_553v9_146{color:var(--rm-ui-grey-500)}._Grey400_553v9_150{color:var(--rm-ui-grey-400)}._Grey300_553v9_154{color:var(--rm-ui-grey-300)}._Grey200_553v9_158{color:var(--rm-ui-grey-200)}._Grey100_553v9_162{color:var(--rm-ui-grey-100)}._Grey50_553v9_146{color:var(--rm-ui-grey-50)}