@arthurzakharov/ui-kit 3.8.0 → 3.10.0

package/dist/assets/accordion-Bzio9jMo.css

@@ -0,0 +1 @@
+._Accordion_o1wti_1{display:block;width:100%;background-color:var(--rm-ui-color-background-primary, #fff);border:1px solid var(--rm-ui-grey-100);border-radius:var(--rm-ui-border-radius-md, 8px);overflow:hidden}._Header_o1wti_10{display:flex;align-items:center;gap:var(--rm-ui-padding-sm);width:100%;padding:var(--rm-ui-padding-md) var(--rm-ui-padding-md);background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit}._Header_o1wti_10:focus-visible{outline:2px solid var(--rm-ui-color-focus);outline-offset:-2px}._Index_o1wti_31{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;height:28px;padding:0 var(--rm-ui-padding-xxs);border-radius:50%;background-color:var(--rm-ui-color-theme-primary);color:var(--rm-ui-color-text-on-theme, #fff);font-size:var(--rm-ui-font-size-body-small);font-weight:var(--rm-ui-font-weight-medium);line-height:1}._Title_o1wti_47{flex:1 1 auto;min-width:0}._Chevron_o1wti_52{flex:0 0 auto;display:inline-flex;color:var(--rm-ui-color-text-secondary)}._Body_o1wti_58{position:relative;padding:0 var(--rm-ui-padding-md) var(--rm-ui-padding-md)}._Subtitle_o1wti_63{margin:0 0 var(--rm-ui-padding-sm)}._Content_o1wti_67{display:block}._LoaderOverlay_o1wti_71{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffbf;z-index:1}._Stepped_o1wti_81{background:transparent;border:0;border-radius:0;overflow:visible}._Stepped_o1wti_81 ._Header_o1wti_10{gap:var(--rm-ui-padding-md);padding:0}._Stepped_o1wti_81 ._Index_o1wti_31{min-width:24px;width:24px;height:24px;padding:0;background-color:var(--rm-ui-color-action);color:#fff;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Stepped_o1wti_81 ._Chevron_o1wti_52{color:var(--rm-ui-color-text-primary)}._Stepped_o1wti_81 ._Body_o1wti_58{padding:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md) 28px;margin-left:11px;border-left:2px solid var(--rm-ui-color-action)}._Stepped_o1wti_81 ._Subtitle_o1wti_63{margin:0 0 var(--rm-ui-padding-md)}._Stepped_o1wti_81 ._Content_o1wti_67{display:flex;flex-direction:column;gap:var(--rm-ui-padding-md)}

package/dist/assets/file-item-CcHpaSJj.css

@@ -0,0 +1 @@
+._FileItem_16osf_1{display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-sm);width:100%;padding:var(--rm-ui-padding-sm);border:1px solid rgba(0,0,0,.1);border-radius:12px}._CheckIcon_16osf_12{flex-shrink:0;width:24px;height:24px;stroke:var(--rm-ui-color-uploadeicon);fill:var(--rm-ui-color-uploadeicon)}._CheckIcon_16osf_12>path{stroke:#fff;fill:none}._FileIcon_16osf_25{flex-shrink:0;width:24px;height:24px;color:var(--rm-ui-color-text-primary)}._Body_16osf_32{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}._Name_16osf_39{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._Size_16osf_48{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}._DeleteButton_16osf_54{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;background:none;border:0;cursor:pointer;color:var(--rm-ui-color-delete-icon);transition:opacity .12s ease}._DeleteButton_16osf_54:hover:not(:disabled){opacity:.8}._DeleteButton_16osf_54:focus-visible{outline:2px solid var(--rm-ui-color-focus);outline-offset:2px}._DeleteButton_16osf_54:disabled{cursor:not-allowed;opacity:.5}._DeleteIcon_16osf_81{width:24px;height:24px}

package/dist/assets/{main-B4dCc371.css → main-cXwa4FWx.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-delete-icon: #ff5549;--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}
+*,*: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-delete-icon: #ff5549;--rm-ui-color-uploadeicon: #6dc1ae;--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/components/accordion/accordion.component.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { Base } from '../../utils/types';
+export type AccordionVariant = 'default' | 'stepped';
 export interface AccordionProps extends Base {
     title: string;
     isOpen: boolean;
@@ -7,6 +8,7 @@ export interface AccordionProps extends Base {
     index?: number | string;
     subtitle?: ReactNode;
     loading?: boolean;
+    variant?: AccordionVariant;
     children: ReactNode;
 }
-export declare const Accordion: ({ title, isOpen, onTitleClick, index, subtitle, loading, children, ...base }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ title, isOpen, onTitleClick, index, subtitle, loading, variant, children, ...base }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/accordion.component.js

@@ -1,61 +1,75 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { ChevronDown as h } from "lucide-react";
-import { baseProps as i, clsx as s } from "../../utils/functions/functions.util.js";
-import { FadeGrow as v } from "../../animations/fade-grow/fade-grow.component.js";
-import { Rotate as p } from "../../animations/rotate/rotate.component.js";
-import { Loader as z } from "../loader/loader.component.js";
-import '../../assets/accordion-D1OVgv7W.css';const k = "_Accordion_1k5zy_1", C = "_Header_1k5zy_10", N = "_HeaderOpen_1k5zy_32", x = "_Index_1k5zy_36", b = "_Title_1k5zy_52", f = "_Chevron_1k5zy_57", H = "_Body_1k5zy_63", $ = "_Subtitle_1k5zy_68", u = "_Content_1k5zy_75", A = "_LoaderOverlay_1k5zy_79", o = {
-  Accordion: k,
-  Header: C,
-  HeaderOpen: N,
-  Index: x,
-  Title: b,
-  Chevron: f,
-  Body: H,
-  Subtitle: $,
-  Content: u,
-  LoaderOverlay: A
-}, j = ({
-  title: l,
-  isOpen: d,
-  onTitleClick: _,
-  index: r,
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { ChevronDown as C } from "lucide-react";
+import { baseProps as s, clsx as l } from "../../utils/functions/functions.util.js";
+import { FadeGrow as S } from "../../animations/fade-grow/fade-grow.component.js";
+import { Rotate as f } from "../../animations/rotate/rotate.component.js";
+import { Loader as N } from "../loader/loader.component.js";
+import { Text as m } from "../text/text.component.js";
+import '../../assets/accordion-Bzio9jMo.css';const H = "_Accordion_o1wti_1", $ = "_Header_o1wti_10", g = "_HeaderOpen_o1wti_28", z = "_Index_o1wti_31", A = "_Title_o1wti_47", I = "_Chevron_o1wti_52", L = "_Body_o1wti_58", T = "_Subtitle_o1wti_63", B = "_Content_o1wti_67", O = "_LoaderOverlay_o1wti_71", j = "_Stepped_o1wti_81", e = {
+  Accordion: H,
+  Header: $,
+  HeaderOpen: g,
+  Index: z,
+  Title: A,
+  Chevron: I,
+  Body: L,
+  Subtitle: T,
+  Content: B,
+  LoaderOverlay: O,
+  Stepped: j
+}, E = ({
+  title: _,
+  isOpen: r,
+  onTitleClick: p,
+  index: n,
   subtitle: a,
-  loading: m = !1,
-  children: y,
+  loading: h = !1,
+  variant: y = "default",
+  children: v,
   ...c
 }) => {
-  const t = i(c, "data-testid", "accordion");
-  return /* @__PURE__ */ n(
+  const o = s(c, "data-testid", "accordion"), d = y === "stepped", w = d ? "body" : "body-large", b = !d && r ? "theme-primary" : "text-primary", x = d ? "body" : "body-small", u = d ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ i(
     "div",
     {
-      "data-testid": t,
-      className: s(o.Accordion, i(c, "className")),
+      "data-testid": o,
+      className: l(e.Accordion, { [e.Stepped]: d }, s(c, "className")),
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            "data-testid": `${t}-header`,
-            className: s(o.Header, { [o.HeaderOpen]: d }),
-            onClick: _,
-            "aria-expanded": d,
+            "data-testid": `${o}-header`,
+            className: l(e.Header, { [e.HeaderOpen]: r }),
+            onClick: p,
+            "aria-expanded": r,
             children: [
-              r !== void 0 && /* @__PURE__ */ e("span", { "data-testid": `${t}-index`, className: o.Index, children: r }),
-              /* @__PURE__ */ e("span", { className: o.Title, children: l }),
-              /* @__PURE__ */ e("span", { className: o.Chevron, children: /* @__PURE__ */ e(p, { name: `${t}-chevron`, condition: d, from: "top", to: "bottom", children: /* @__PURE__ */ e(h, { size: 20 }) }) })
+              n !== void 0 && /* @__PURE__ */ t("span", { "data-testid": `${o}-index`, className: e.Index, children: n }),
+              /* @__PURE__ */ t(m, { tag: "span", className: e.Title, weight: "medium", size: w, color: b, children: _ }),
+              /* @__PURE__ */ t("span", { className: e.Chevron, children: /* @__PURE__ */ t(f, { name: `${o}-chevron`, condition: r, from: "top", to: "bottom", children: /* @__PURE__ */ t(C, { size: d ? 24 : 20 }) }) })
             ]
           }
         ),
-        /* @__PURE__ */ e(v, { name: `${t}-body`, condition: d, children: /* @__PURE__ */ n("div", { "data-testid": `${t}-body`, className: o.Body, children: [
-          m && /* @__PURE__ */ e("div", { "data-testid": `${t}-loader`, className: o.LoaderOverlay, children: /* @__PURE__ */ e(z, { color: "accent-primary", size: "md" }) }),
-          a != null && /* @__PURE__ */ e("div", { "data-testid": `${t}-subtitle`, className: o.Subtitle, children: a }),
-          /* @__PURE__ */ e("div", { className: o.Content, children: y })
+        /* @__PURE__ */ t(S, { name: `${o}-body`, condition: r, children: /* @__PURE__ */ i("div", { "data-testid": `${o}-body`, className: e.Body, children: [
+          h && /* @__PURE__ */ t("div", { "data-testid": `${o}-loader`, className: e.LoaderOverlay, children: /* @__PURE__ */ t(N, { color: "accent-primary", size: "md" }) }),
+          a != null && /* @__PURE__ */ t(
+            m,
+            {
+              tag: "div",
+              "data-testid": `${o}-subtitle`,
+              className: e.Subtitle,
+              weight: "regular",
+              size: x,
+              color: u,
+              children: a
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: e.Content, children: v })
         ] }) })
       ]
     }
   );
 };
 export {
-  j as Accordion
+  E as Accordion
 };

package/dist/components/accordion/index.d.ts

@@ -1 +1 @@
-export { Accordion, type AccordionProps } from './accordion.component';
+export { Accordion, type AccordionProps, type AccordionVariant } from './accordion.component';

package/dist/components/file-item/file-item.component.js

@@ -1,38 +1,38 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { CircleCheck as _, File as m, Trash2 as I } from "lucide-react";
-import { baseProps as s, clsx as h } from "../../utils/functions/functions.util.js";
-import '../../assets/file-item-BwZGHk3A.css';const N = "_FileItem_9ab21_1", b = "_CheckIcon_9ab21_12", u = "_FileIcon_9ab21_19", F = "_Body_9ab21_26", p = "_Name_9ab21_33", B = "_Size_9ab21_42", D = "_DeleteButton_9ab21_48", C = "_DeleteIcon_9ab21_75", e = {
-  FileItem: N,
-  CheckIcon: b,
+import { baseProps as l, clsx as f } from "../../utils/functions/functions.util.js";
+import '../../assets/file-item-CcHpaSJj.css';const h = "_FileItem_16osf_1", N = "_CheckIcon_16osf_12", u = "_FileIcon_16osf_25", F = "_Body_16osf_32", p = "_Name_16osf_39", B = "_Size_16osf_48", D = "_DeleteButton_16osf_54", C = "_DeleteIcon_16osf_81", e = {
+  FileItem: h,
+  CheckIcon: N,
   FileIcon: u,
   Body: F,
   Name: p,
   Size: B,
   DeleteButton: D,
   DeleteIcon: C
-}, x = ({ name: a, size: l, disabled: i = !1, onDelete: d, deleteAriaLabel: r, ...c }) => {
-  const n = s(c, "data-testid", "file-item");
-  return /* @__PURE__ */ o("div", { "data-testid": n, className: h(e.FileItem, s(c, "className")), children: [
+}, z = ({ name: o, size: a, disabled: i = !1, onDelete: d, deleteAriaLabel: r, ...s }) => {
+  const c = l(s, "data-testid", "file-item");
+  return /* @__PURE__ */ n("div", { "data-testid": c, className: f(e.FileItem, l(s, "className")), children: [
     /* @__PURE__ */ t(_, { className: e.CheckIcon, "aria-hidden": !0 }),
     /* @__PURE__ */ t(m, { className: e.FileIcon, "aria-hidden": !0 }),
-    /* @__PURE__ */ o("div", { className: e.Body, children: [
-      /* @__PURE__ */ t("span", { className: e.Name, title: a, children: a }),
-      /* @__PURE__ */ t("span", { className: e.Size, children: l })
+    /* @__PURE__ */ n("div", { className: e.Body, children: [
+      /* @__PURE__ */ t("span", { className: e.Name, title: o, children: o }),
+      /* @__PURE__ */ t("span", { className: e.Size, children: a })
     ] }),
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: e.DeleteButton,
-        "data-testid": `${n}-delete`,
+        "data-testid": `${c}-delete`,
         disabled: i,
         onClick: d,
-        "aria-label": r ?? `${a} entfernen`,
+        "aria-label": r ?? `${o} entfernen`,
         children: /* @__PURE__ */ t(I, { className: e.DeleteIcon, "aria-hidden": !0 })
       }
     )
   ] });
 };
 export {
-  x as FileItem
+  z as FileItem
 };

package/dist/main.d.ts

@@ -23,7 +23,7 @@ export { HiddenInput, type HiddenInputProps } from './controls/primitives/hidden
 export { Label, type LabelProps } from './controls/primitives/label';
 export { RadioLabel, type RadioLabelProps } from './controls/primitives/radio-label';
 export { Status, type StatusProps } from './controls/primitives/status';
-export { Accordion, type AccordionProps } from './components/accordion';
+export { Accordion, type AccordionProps, type AccordionVariant } from './components/accordion';
 export { AccordionTable, type AccordionTableProps } from './components/accordion-table/accordion-table.component';
 export { Dropzone, type DropzoneProps, type DropzoneRejectionReason } from './components/dropzone';
 export { BottomBar } from './components/bottom-bar';

package/dist/main.js

@@ -55,7 +55,7 @@ import { Text as $r } from "./components/text/text.component.js";
 import { UserPanel as oo } from "./components/user-panel/user-panel.component.js";
 import { Warranty as to } from "./components/warranty/warranty.component.js";
 import { birthDateToGerman as mo, blurAfterClick as po, clsx as fo, containsHtml as xo, convertDateFormat as io, convertToDateNumber as no, convertToEuro as so, defaultTo as lo, deleteUrlParameters as co, fakeAwait as uo, formatDate as go, formatEuroAmount as So, formatNumber as bo, getDate as Po, getFromJson as ho, getKeysFromUrlParams as Do, getPath as To, getSalutationLabel as Fo, getSecretFromUrlParams as Lo, getSettlementPercent as Ao, getTimeStamp as Co, isHtmlString as Bo, isLeapYear as ko, isString as vo, isValidBirthDate as yo, isValidDate as Io, isValidHouseNumber as No, isWithinTimeStamps as Ro, last as wo, once as Eo, parseSpacingValue as Ho, pickValues as Vo, publicSrcPath as Mo, removeLastNumberSuffix as Uo, removeSlashAtEnd as Go, searchParams as Ko, sortSearchParams as Wo, stripRequestName as qo, toGermanDate as zo, trimAllStringKeys as Jo, updateLastPathSubdirectory as Yo, withControl as jo } from "./utils/functions/functions.util.js";
-import './assets/main-B4dCc371.css';export {
+import './assets/main-cXwa4FWx.css';export {
   Z as Accordion,
   $ as AccordionTable,
   tr as BottomBar,

package/package.json

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

package/dist/assets/accordion-D1OVgv7W.css

@@ -1 +0,0 @@
-._Accordion_1k5zy_1{display:block;width:100%;background-color:var(--rm-ui-color-background-primary, #fff);border:1px solid var(--rm-ui-grey-100);border-radius:var(--rm-ui-border-radius-md, 8px);overflow:hidden}._Header_1k5zy_10{display:flex;align-items:center;gap:var(--rm-ui-padding-sm);width:100%;padding:var(--rm-ui-padding-md) var(--rm-ui-padding-md);background:transparent;border:0;cursor:pointer;text-align:left;color:var(--rm-ui-color-text-primary);font-family:inherit;font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large);font-weight:var(--rm-ui-font-weight-medium)}._Header_1k5zy_10:focus-visible{outline:2px solid var(--rm-ui-color-focus);outline-offset:-2px}._HeaderOpen_1k5zy_32{color:var(--rm-ui-color-theme-primary)}._Index_1k5zy_36{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;height:28px;padding:0 var(--rm-ui-padding-xxs);border-radius:50%;background-color:var(--rm-ui-color-theme-primary);color:var(--rm-ui-color-text-on-theme, #fff);font-size:var(--rm-ui-font-size-body-small);font-weight:var(--rm-ui-font-weight-medium);line-height:1}._Title_1k5zy_52{flex:1 1 auto;min-width:0}._Chevron_1k5zy_57{flex:0 0 auto;display:inline-flex;color:var(--rm-ui-color-text-secondary)}._Body_1k5zy_63{position:relative;padding:0 var(--rm-ui-padding-md) var(--rm-ui-padding-md)}._Subtitle_1k5zy_68{margin:0 0 var(--rm-ui-padding-sm);color:var(--rm-ui-color-text-secondary);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._Content_1k5zy_75{display:block}._LoaderOverlay_1k5zy_79{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffbf;z-index:1}

package/dist/assets/file-item-BwZGHk3A.css

@@ -1 +0,0 @@
-._FileItem_9ab21_1{display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-sm);width:100%;padding:var(--rm-ui-padding-sm);border:1px solid rgba(0,0,0,.1);border-radius:12px}._CheckIcon_9ab21_12{flex-shrink:0;width:24px;height:24px;color:var(--rm-ui-color-theme-primary)}._FileIcon_9ab21_19{flex-shrink:0;width:24px;height:24px;color:var(--rm-ui-color-text-primary)}._Body_9ab21_26{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}._Name_9ab21_33{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._Size_9ab21_42{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}._DeleteButton_9ab21_48{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;background:none;border:0;cursor:pointer;color:var(--rm-ui-color-delete-icon);transition:opacity .12s ease}._DeleteButton_9ab21_48:hover:not(:disabled){opacity:.8}._DeleteButton_9ab21_48:focus-visible{outline:2px solid var(--rm-ui-color-focus);outline-offset:2px}._DeleteButton_9ab21_48:disabled{cursor:not-allowed;opacity:.5}._DeleteIcon_9ab21_75{width:24px;height:24px}