@arthurzakharov/ui-kit 1.6.8 → 1.7.0
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/dialog-article-BdDXX1FV.css +1 -0
- package/dist/assets/expenses-BWqSN6hG.css +1 -0
- package/dist/assets/{main-DzMfCLvC.css → main-BVXeOR-N.css} +1 -1
- package/dist/assets/status-ZxxbM9u1.css +1 -0
- package/dist/components/dialog-article/dialog-article.component.js +9 -9
- package/dist/components/expenses/expenses.component.js +20 -18
- package/dist/components/sidebar/sidebar.component.js +13 -13
- package/dist/controls/primitives/status/status.component.js +17 -17
- package/dist/main.js +1 -1
- package/package.json +1 -1
- package/dist/assets/dialog-article-kvbDGRO0.css +0 -1
- package/dist/assets/expenses-AU5q4idk.css +0 -1
- package/dist/assets/status-mOZce5Vy.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._DialogArticle_vv4cw_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Buttons_vv4cw_8{position:fixed;bottom:var(--rm-ui-padding-lg);left:var(--rm-ui-padding-lg);right:var(--rm-ui-padding-lg);display:flex;flex-direction:column;gap:var(--rm-ui-padding-sm);background-color:var(--rm-ui-content-bg)}._DialogArticle_vv4cw_1 *[class=h1],._DialogArticle_vv4cw_1 h1{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1);color:var(--rm-ui-color-text-primary)}._DialogArticle_vv4cw_1 *[class=h2],._DialogArticle_vv4cw_1 h2{margin:var(--rm-ui-padding-lg) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-text-primary)}._DialogArticle_vv4cw_1 *[class=h3],._DialogArticle_vv4cw_1 h3,._DialogArticle_vv4cw_1 *[class=h4],._DialogArticle_vv4cw_1 h4,._DialogArticle_vv4cw_1 *[class=h5],._DialogArticle_vv4cw_1 h5,._DialogArticle_vv4cw_1 *[class=h6],._DialogArticle_vv4cw_1 h6{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3);color:var(--rm-ui-color-text-primary)}._DialogArticle_vv4cw_1 *[class=p],._DialogArticle_vv4cw_1 p{margin:0 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_vv4cw_1 *[class=a],._DialogArticle_vv4cw_1 a{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-link);text-decoration:none}._DialogArticle_vv4cw_1 *[class=a]:hover,._DialogArticle_vv4cw_1 a:hover{cursor:pointer;text-decoration:underline}._DialogArticle_vv4cw_1 *[class=b],._DialogArticle_vv4cw_1 b,._DialogArticle_vv4cw_1 *[class=strong],._DialogArticle_vv4cw_1 strong{font-weight:var(--rm-ui-font-weight-medium)}._DialogArticle_vv4cw_1 *[class=ul],._DialogArticle_vv4cw_1 ul,._DialogArticle_vv4cw_1 *[class=ol],._DialogArticle_vv4cw_1 ol{padding-left:var(--rm-ui-padding-xxl);margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md)}._DialogArticle_vv4cw_1 *[class=ul],._DialogArticle_vv4cw_1 ul{list-style:disc}._DialogArticle_vv4cw_1 *[class=ol],._DialogArticle_vv4cw_1 ol{list-style:decimal}._DialogArticle_vv4cw_1 *[class=li],._DialogArticle_vv4cw_1 li{padding-bottom:var(--rm-ui-padding-xs)}._DialogArticle_vv4cw_1 *[class=table],._DialogArticle_vv4cw_1 table{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);width:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_vv4cw_1 *[class=hr],._DialogArticle_vv4cw_1 hr{margin:var(--rm-ui-padding-md) 0;border-width:1px;border-color:var(--rm-ui-color-text-primary);border-bottom:none}._DialogArticle_vv4cw_1 *[class=center]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center}@media screen and (min-width:768px){._Buttons_vv4cw_8{position:initial;bottom:initial;left:initial;right:initial}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Expenses_hfqkm_1{display:block}._Title_hfqkm_5{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4);color:var(--rm-ui-color-text-primary)}._Content_hfqkm_13{margin-bottom:var(--rm-ui-padding-md)}._Content_hfqkm_13,._SubContent_hfqkm_18{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Content_hfqkm_13>*[data-color=accent],._SubContent_hfqkm_18>*[data-color=accent]{color:var(--rm-ui-color-accent-primary)}._Content_hfqkm_13>*[role=button],._SubContent_hfqkm_18>*[role=button],._Content_hfqkm_13>button,._SubContent_hfqkm_18>button{color:var(--rm-ui-color-link)}._SubContent_hfqkm_18{display:block;margin-top:var(--rm-ui-padding-md)}._Amount_hfqkm_42{display:flex;align-items:center;justify-content:space-between;color:var(--rm-ui-color-theme-primary)}._AmountKey_hfqkm_49{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._AmountValue_hfqkm_55{font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}
|
|
@@ -1 +1 @@
|
|
|
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:
|
|
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Status_rlg1f_1{position:relative;display:inline-flex}._Idle_rlg1f_6>._Circle_rlg1f_6{stroke:var(--rm-ui-status-idle-color);fill:var(--rm-ui-status-idle-color);fill-opacity:.1}._Success_rlg1f_12>._Circle_rlg1f_6{stroke:var(--rm-ui-status-success-color);fill:var(--rm-ui-status-success-color);fill-opacity:1}._Error_rlg1f_18>._Circle_rlg1f_6{stroke:var(--rm-ui-status-error-color);fill:var(--rm-ui-status-error-color);fill-opacity:1}._Circle_rlg1f_6{flex-basis:100%;width:24px;height:24px;stroke-width:2px;transition-duration:var(--rm-ui-amimation-speed-secondary);transition-timing-function:var(--rm-ui-amimation-cubic-primary);transition-property:stroke,fill}._Check_rlg1f_34,._X_rlg1f_35{position:absolute;top:50%;left:50%;opacity:0;width:14px;height:14px;stroke-width:3;stroke:var(--rm-ui-status-idle-color);stroke-opacity:.1;transform:translate(-50%,-50%);transition-duration:var(--rm-ui-amimation-speed-secondary);transition-delay:var(--rm-ui-amimation-speed-primary);transition-timing-function:var(--rm-ui-amimation-cubic-primary);transition-property:stroke,opacity}._Success_rlg1f_12>._Check_rlg1f_34,._Error_rlg1f_18>._X_rlg1f_35{opacity:1;stroke:var(--rm-ui-content-bg);stroke-opacity:1}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { jsxs as s, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as g, useState as
|
|
3
|
-
import { useWindowSize as h, useResizeObserver as
|
|
4
|
-
import
|
|
2
|
+
import { useRef as g, useState as v } from "react";
|
|
3
|
+
import { useWindowSize as h, useResizeObserver as x } from "usehooks-ts";
|
|
4
|
+
import b from "clsx";
|
|
5
5
|
import { Button as l } from "../../controls/buttons/button/button.component.js";
|
|
6
6
|
import "../../controls/primitives/box/box.component.js";
|
|
7
7
|
import { baseProps as c } from "../../utils/functions/functions.util.js";
|
|
8
8
|
import "lucide-react";
|
|
9
|
-
import '../../assets/dialog-article-
|
|
10
|
-
DialogArticle:
|
|
11
|
-
Buttons:
|
|
9
|
+
import '../../assets/dialog-article-BdDXX1FV.css';const A = "_DialogArticle_vv4cw_1", B = "_Buttons_vv4cw_8", n = {
|
|
10
|
+
DialogArticle: A,
|
|
11
|
+
Buttons: B
|
|
12
12
|
}, N = (d) => {
|
|
13
|
-
const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] =
|
|
14
|
-
return
|
|
13
|
+
const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] = v(0), { width: p } = h();
|
|
14
|
+
return x({
|
|
15
15
|
ref: o,
|
|
16
16
|
onResize: (r) => f(p < 768 && r.height ? r.height : 0)
|
|
17
17
|
}), /* @__PURE__ */ s(
|
|
18
18
|
"div",
|
|
19
19
|
{
|
|
20
20
|
"data-testid": c(i, "data-testid", "dialog-article"),
|
|
21
|
-
className:
|
|
21
|
+
className: b(n.DialogArticle, c(i, "className")),
|
|
22
22
|
style: { paddingBottom: u },
|
|
23
23
|
children: [
|
|
24
24
|
m,
|
|
@@ -1,28 +1,30 @@
|
|
|
1
|
-
import { jsxs as o, jsx as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import d from "clsx";
|
|
3
3
|
import { baseProps as a } from "../../utils/functions/functions.util.js";
|
|
4
|
-
import '../../assets/expenses-
|
|
5
|
-
Expenses:
|
|
6
|
-
Title:
|
|
7
|
-
Content:
|
|
8
|
-
SubContent:
|
|
9
|
-
Amount:
|
|
10
|
-
|
|
4
|
+
import '../../assets/expenses-BWqSN6hG.css';const u = "_Expenses_hfqkm_1", _ = "_Title_hfqkm_5", p = "_Content_hfqkm_13", h = "_SubContent_hfqkm_18", r = "_Amount_hfqkm_42", x = "_AmountKey_hfqkm_49", A = "_AmountValue_hfqkm_55", e = {
|
|
5
|
+
Expenses: u,
|
|
6
|
+
Title: _,
|
|
7
|
+
Content: p,
|
|
8
|
+
SubContent: h,
|
|
9
|
+
Amount: r,
|
|
10
|
+
AmountKey: x,
|
|
11
|
+
AmountValue: A
|
|
12
|
+
}, q = ({ title: m, content: c, subContent: n, amountTitle: l, amountNumber: i, ...s }) => /* @__PURE__ */ o(
|
|
11
13
|
"div",
|
|
12
14
|
{
|
|
13
|
-
"data-testid": a(
|
|
14
|
-
className:
|
|
15
|
+
"data-testid": a(s, "data-testid", "expenses"),
|
|
16
|
+
className: d(e.Expenses, a(s, "className")),
|
|
15
17
|
children: [
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */ o("div", { "data-testid": "expenses-amount", className:
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */
|
|
18
|
+
/* @__PURE__ */ t("h6", { "data-testid": "expenses-title", className: e.Title, children: m }),
|
|
19
|
+
/* @__PURE__ */ t("p", { "data-testid": "expenses-content", className: e.Content, children: c }),
|
|
20
|
+
/* @__PURE__ */ o("div", { "data-testid": "expenses-amount", className: e.Amount, children: [
|
|
21
|
+
/* @__PURE__ */ t("span", { className: e.AmountKey, children: l }),
|
|
22
|
+
/* @__PURE__ */ t("span", { className: e.AmountValue, children: i.join("") })
|
|
21
23
|
] }),
|
|
22
|
-
|
|
24
|
+
n && /* @__PURE__ */ t("p", { "data-testid": "expenses-sub-content", className: e.SubContent, children: n })
|
|
23
25
|
]
|
|
24
26
|
}
|
|
25
27
|
);
|
|
26
28
|
export {
|
|
27
|
-
|
|
29
|
+
q as Expenses
|
|
28
30
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, jsxs as o, Fragment as u } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import c from "clsx";
|
|
3
3
|
import { FadeScale as _ } from "../../animations/fade-scale/fade-scale.component.js";
|
|
4
4
|
import { Certifications as B } from "../certifications/certifications.component.js";
|
|
5
5
|
import { Line as s } from "../line/line.component.js";
|
|
@@ -11,10 +11,10 @@ import { baseProps as f } from "../../utils/functions/functions.util.js";
|
|
|
11
11
|
import "lucide-react";
|
|
12
12
|
import "usehooks-ts";
|
|
13
13
|
import { Status as x } from "../../controls/primitives/status/status.component.js";
|
|
14
|
-
import '../../assets/sidebar-DyDlIXV0.css';const
|
|
15
|
-
Sidebar:
|
|
16
|
-
Board:
|
|
17
|
-
SidebarTitle:
|
|
14
|
+
import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_Board_17t5d_5", T = "_SidebarTitle_17t5d_11", R = "_SidebarButton_17t5d_12", z = "_Steps_17t5d_16", C = "_Info_17t5d_17", $ = "_Step_17t5d_16", j = "_InfoRow_17t5d_30", F = "_NothingAbove_17t5d_44", i = {
|
|
15
|
+
Sidebar: y,
|
|
16
|
+
Board: A,
|
|
17
|
+
SidebarTitle: T,
|
|
18
18
|
SidebarButton: R,
|
|
19
19
|
Steps: z,
|
|
20
20
|
Info: C,
|
|
@@ -25,7 +25,7 @@ import '../../assets/sidebar-DyDlIXV0.css';const A = "_Sidebar_17t5d_1", T = "_B
|
|
|
25
25
|
// Sidebar props
|
|
26
26
|
children: h,
|
|
27
27
|
isButtonVisible: m = !1,
|
|
28
|
-
isUserOpen:
|
|
28
|
+
isUserOpen: l = !1,
|
|
29
29
|
title: S = "Ihre Übersicht",
|
|
30
30
|
steps: N = [],
|
|
31
31
|
info: g = [],
|
|
@@ -39,12 +39,12 @@ import '../../assets/sidebar-DyDlIXV0.css';const A = "_Sidebar_17t5d_1", T = "_B
|
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
41
|
"data-testid": f(b, "data-testid", "sidebar"),
|
|
42
|
-
className:
|
|
42
|
+
className: c(i.Sidebar, f(b, "className")),
|
|
43
43
|
children: /* @__PURE__ */ o("div", { className: i.Board, children: [
|
|
44
44
|
/* @__PURE__ */ t(n, { preset: "sidebar-title", className: i.SidebarTitle, children: S }),
|
|
45
45
|
/* @__PURE__ */ t("div", { className: i.Steps, "data-testid": "sidebar-steps", children: N.map(({ state: e, text: r }) => /* @__PURE__ */ o("div", { className: i.Step, "data-testid": "sidebar-step", children: [
|
|
46
46
|
/* @__PURE__ */ t(x, { state: e }),
|
|
47
|
-
/* @__PURE__ */ t(n, { tag: "span", weight: "medium", size: "body-small", color: "text-primary", children: r })
|
|
47
|
+
/* @__PURE__ */ t(n, { tag: "span", weight: "medium", size: "body-small", color: e === "idle" ? "grey-400" : "text-primary", children: r })
|
|
48
48
|
] }, r)) }),
|
|
49
49
|
d && /* @__PURE__ */ o(u, { children: [
|
|
50
50
|
/* @__PURE__ */ t(s, {}),
|
|
@@ -54,7 +54,7 @@ import '../../assets/sidebar-DyDlIXV0.css';const A = "_Sidebar_17t5d_1", T = "_B
|
|
|
54
54
|
] }, `${e}-${I}`)) }),
|
|
55
55
|
/* @__PURE__ */ t(s, {})
|
|
56
56
|
] }),
|
|
57
|
-
/* @__PURE__ */ o(_, { name: "user", condition:
|
|
57
|
+
/* @__PURE__ */ o(_, { name: "user", condition: l, children: [
|
|
58
58
|
!d && /* @__PURE__ */ t(s, {}),
|
|
59
59
|
/* @__PURE__ */ t(w, { title: a.title, button: a.button, data: a.data, onClick: a.onClick }),
|
|
60
60
|
/* @__PURE__ */ t(s, {})
|
|
@@ -62,8 +62,8 @@ import '../../assets/sidebar-DyDlIXV0.css';const A = "_Sidebar_17t5d_1", T = "_B
|
|
|
62
62
|
/* @__PURE__ */ t(_, { name: "button", condition: m, children: /* @__PURE__ */ t(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
|
-
className:
|
|
66
|
-
[i.NothingAbove]: !d && !
|
|
65
|
+
className: c(i.SidebarButton, {
|
|
66
|
+
[i.NothingAbove]: !d && !l
|
|
67
67
|
}),
|
|
68
68
|
children: h
|
|
69
69
|
}
|
|
@@ -72,8 +72,8 @@ import '../../assets/sidebar-DyDlIXV0.css';const A = "_Sidebar_17t5d_1", T = "_B
|
|
|
72
72
|
B,
|
|
73
73
|
{
|
|
74
74
|
icons: v,
|
|
75
|
-
className:
|
|
76
|
-
[i.NothingAbove]: !d && !
|
|
75
|
+
className: c({
|
|
76
|
+
[i.NothingAbove]: !d && !l && !m
|
|
77
77
|
})
|
|
78
78
|
}
|
|
79
79
|
)
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Circle as
|
|
1
|
+
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { Circle as o, X as a, Check as _ } from "lucide-react";
|
|
3
3
|
import i from "clsx";
|
|
4
|
-
import { baseProps as
|
|
5
|
-
import '../../../assets/status-
|
|
4
|
+
import { baseProps as t } from "../../../utils/functions/functions.util.js";
|
|
5
|
+
import '../../../assets/status-ZxxbM9u1.css';const m = "_Status_rlg1f_1", C = "_Idle_rlg1f_6", d = "_Circle_rlg1f_6", f = "_Success_rlg1f_12", u = "_Check_rlg1f_34", n = "_X_rlg1f_35", s = {
|
|
6
6
|
Status: m,
|
|
7
|
-
Idle:
|
|
8
|
-
Circle:
|
|
9
|
-
Success:
|
|
10
|
-
Error: "
|
|
7
|
+
Idle: C,
|
|
8
|
+
Circle: d,
|
|
9
|
+
Success: f,
|
|
10
|
+
Error: "_Error_rlg1f_18",
|
|
11
11
|
Check: u,
|
|
12
12
|
X: n
|
|
13
|
-
},
|
|
13
|
+
}, p = ({
|
|
14
14
|
// Status props
|
|
15
15
|
state: c,
|
|
16
16
|
// Base props
|
|
17
|
-
...
|
|
18
|
-
}) => /* @__PURE__ */
|
|
17
|
+
...e
|
|
18
|
+
}) => /* @__PURE__ */ l(
|
|
19
19
|
"div",
|
|
20
20
|
{
|
|
21
|
-
"data-testid":
|
|
22
|
-
className: i(s.Status,
|
|
21
|
+
"data-testid": t(e, "data-testid", "status"),
|
|
22
|
+
className: i(s.Status, t(e, "className"), {
|
|
23
23
|
[s.Idle]: c === "idle",
|
|
24
24
|
[s.Success]: c === "success",
|
|
25
25
|
[s.Error]: c === "error"
|
|
26
26
|
}),
|
|
27
27
|
children: [
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ r(o, { className: s.Circle }),
|
|
29
|
+
/* @__PURE__ */ r(a, { className: s.X }),
|
|
30
|
+
/* @__PURE__ */ r(_, { className: s.Check })
|
|
31
31
|
]
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
p as Status
|
|
36
36
|
};
|
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-BVXeOR-N.css';export {
|
|
53
53
|
Z as AccordionTable,
|
|
54
54
|
$ as BottomBar,
|
|
55
55
|
H as Box,
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._DialogArticle_cjtxd_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Buttons_cjtxd_8{position:fixed;bottom:var(--rm-ui-padding-lg);left:var(--rm-ui-padding-lg);right:var(--rm-ui-padding-lg);display:flex;flex-direction:column;gap:var(--rm-ui-padding-sm);background-color:var(--rm-ui-content-bg)}._DialogArticle_cjtxd_1 *[class=h1],._DialogArticle_cjtxd_1 h1{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=h2],._DialogArticle_cjtxd_1 h2{margin:var(--rm-ui-padding-lg) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=h3],._DialogArticle_cjtxd_1 h3,._DialogArticle_cjtxd_1 *[class=h4],._DialogArticle_cjtxd_1 h4,._DialogArticle_cjtxd_1 *[class=h5],._DialogArticle_cjtxd_1 h5,._DialogArticle_cjtxd_1 *[class=h6],._DialogArticle_cjtxd_1 h6{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=p],._DialogArticle_cjtxd_1 p{margin:0 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=a],._DialogArticle_cjtxd_1 a{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-link);text-decoration:none}._DialogArticle_cjtxd_1 *[class=a]:hover,._DialogArticle_cjtxd_1 a:hover{cursor:pointer;text-decoration:underline}._DialogArticle_cjtxd_1 *[class=b],._DialogArticle_cjtxd_1 b,._DialogArticle_cjtxd_1 *[class=strong],._DialogArticle_cjtxd_1 strong{font-weight:var(--rm-ui-font-weight-medium)}._DialogArticle_cjtxd_1 *[class=ul],._DialogArticle_cjtxd_1 ul,._DialogArticle_cjtxd_1 *[class=ol],._DialogArticle_cjtxd_1 ol{padding-left:var(--rm-ui-padding-xxl);margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md)}._DialogArticle_cjtxd_1 *[class=ul],._DialogArticle_cjtxd_1 ul{list-style:disc}._DialogArticle_cjtxd_1 *[class=ol],._DialogArticle_cjtxd_1 ol{list-style:decimal}._DialogArticle_cjtxd_1 *[class=li],._DialogArticle_cjtxd_1 li{padding-bottom:var(--rm-ui-padding-xs)}._DialogArticle_cjtxd_1 *[class=table],._DialogArticle_cjtxd_1 table{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);width:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=hr],._DialogArticle_cjtxd_1 hr{margin:var(--rm-ui-padding-md) 0;border-width:1px;border-color:var(--rm-ui-color-text-primary);border-bottom:none}._DialogArticle_cjtxd_1 *[class=center]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center}@media screen and (min-width:768px){._Buttons_cjtxd_8{position:initial;bottom:initial;left:initial;right:initial}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Expenses_zr16l_1{display:block}._Title_zr16l_5{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4);color:var(--rm-ui-color-text-primary)}._Content_zr16l_13{margin-bottom:var(--rm-ui-padding-md)}._Content_zr16l_13,._SubContent_zr16l_18{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Content_zr16l_13>*[data-color=accent],._SubContent_zr16l_18>*[data-color=accent]{color:var(--rm-ui-color-accent-primary)}._Content_zr16l_13>*[role=button],._SubContent_zr16l_18>*[role=button],._Content_zr16l_13>button,._SubContent_zr16l_18>button{color:var(--rm-ui-color-link)}._SubContent_zr16l_18{display:block;margin-top:var(--rm-ui-padding-md)}._Amount_zr16l_42{display:flex;align-items:center;justify-content:space-between;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-theme-primary)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Status_spjo4_1{position:relative;display:inline-flex}._Idle_spjo4_6>._Circle_spjo4_6{stroke:var(--rm-ui-status-idle-color);fill:transparent}._Success_spjo4_11>._Circle_spjo4_6{stroke:var(--rm-ui-status-success-color);fill:var(--rm-ui-status-success-color);fill-opacity:1}._Error_spjo4_17>._Circle_spjo4_6{stroke:var(--rm-ui-status-error-color);fill:var(--rm-ui-status-error-color);fill-opacity:1}._Circle_spjo4_6{flex-basis:100%;width:24px;height:24px;stroke-width:2px;transition-duration:var(--rm-ui-amimation-speed-secondary);transition-timing-function:var(--rm-ui-amimation-cubic-primary);transition-property:stroke,fill}._Check_spjo4_33,._X_spjo4_34{position:absolute;top:50%;left:50%;opacity:0;width:14px;height:14px;stroke-width:3;stroke:var(--rm-ui-status-idle-color);stroke-opacity:.1;transform:translate(-50%,-50%);transition-duration:var(--rm-ui-amimation-speed-secondary);transition-delay:var(--rm-ui-amimation-speed-primary);transition-timing-function:var(--rm-ui-amimation-cubic-primary);transition-property:stroke,opacity}._Success_spjo4_11>._Check_spjo4_33,._Error_spjo4_17>._X_spjo4_34{opacity:1;stroke:var(--rm-ui-content-bg);stroke-opacity:1}
|