@arthurzakharov/ui-kit 1.0.46 → 1.0.47
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/button-MNE41RxH.css +1 -0
- package/dist/assets/checkbox-O7Vf9oHF.css +1 -0
- package/dist/assets/dropdown-BE2zB445.css +1 -0
- package/dist/assets/footer-BmRLU0Dk.css +1 -0
- package/dist/assets/header-D_UjUcnc.css +1 -0
- package/dist/assets/info-CjC17wJc.css +1 -0
- package/dist/assets/info-panel-DP7xgiJH.css +1 -0
- package/dist/assets/input-69-VoJEI.css +1 -0
- package/dist/assets/label-BwfE1izZ.css +1 -0
- package/dist/assets/loader-CfjW_qtY.css +1 -0
- package/dist/assets/loading-block-al0S6J3z.css +1 -0
- package/dist/assets/main-C3Esf5IV.css +1 -0
- package/dist/assets/not-found-CMw2WVPk.css +1 -0
- package/dist/assets/page-info-DQWu7Lmf.css +1 -0
- package/dist/assets/page-title-BH7m2875.css +1 -0
- package/dist/assets/radio-text-B4Qx8pq3.css +1 -0
- package/dist/assets/sidebar-title-75iCn3V4.css +1 -0
- package/dist/assets/step-aCbFSgeN.css +1 -0
- package/dist/assets/step-title-XugimmRe.css +1 -0
- package/dist/assets/textarea-VM-QuRZR.css +1 -0
- package/dist/assets/user-9AGOyBWd.css +1 -0
- package/dist/components/control/components/button/button.component.js +54 -44
- package/dist/components/control/components/checkbox/checkbox.component.js +16 -16
- package/dist/components/control/components/dropdown/dropdown.component.js +34 -34
- package/dist/components/control/components/input/input.component.js +13 -13
- package/dist/components/control/components/label/label.component.js +4 -4
- package/dist/components/control/components/radio-text/radio-text.component.js +5 -5
- package/dist/components/control/components/textarea/textarea.component.js +13 -13
- package/dist/components/footer/footer.component.js +9 -9
- package/dist/components/header/header.component.js +14 -14
- package/dist/components/info-panel/info-panel.component.js +10 -10
- package/dist/components/loader/loader.component.d.ts +5 -0
- package/dist/components/loader/loader.component.js +25 -0
- package/dist/components/loading-block/loading-block.component.d.ts +1 -0
- package/dist/components/loading-block/loading-block.component.js +8 -0
- package/dist/components/not-found/not-found.component.d.ts +10 -0
- package/dist/components/not-found/not-found.component.js +24 -0
- package/dist/components/sidebar/components/info/info.component.js +4 -4
- package/dist/components/sidebar/components/step/step.component.js +10 -10
- package/dist/components/sidebar/components/user/user.component.js +15 -15
- package/dist/components/sidebar/sidebar.component.d.ts +3 -0
- package/dist/components/sidebar/sidebar.component.js +34 -27
- package/dist/components/text/components/page-info/page-info.component.js +1 -1
- package/dist/components/text/components/page-title/page-title.component.js +3 -3
- package/dist/components/text/components/sidebar-title/sidebar-title.component.js +1 -1
- package/dist/components/text/components/step-title/step-title.component.js +4 -4
- package/dist/main.d.ts +3 -0
- package/dist/main.js +15 -9
- package/package.json +1 -1
- package/dist/assets/button-CMUsPT4x.css +0 -1
- package/dist/assets/checkbox-DQ3Y5rHZ.css +0 -1
- package/dist/assets/data-board-BSxofhBP.css +0 -1
- package/dist/assets/dropdown-Ba3Wegqm.css +0 -1
- package/dist/assets/footer-lnoo_2NQ.css +0 -1
- package/dist/assets/header-BC7h5wry.css +0 -1
- package/dist/assets/info-C3pD27q7.css +0 -1
- package/dist/assets/info-panel-CzZsVqiA.css +0 -1
- package/dist/assets/input-3QR47UJ8.css +0 -1
- package/dist/assets/label-CCZNUUQp.css +0 -1
- package/dist/assets/main-BPM_cxsN.css +0 -1
- package/dist/assets/page-info-DKeRtaPZ.css +0 -1
- package/dist/assets/page-title-0xQzHN2a.css +0 -1
- package/dist/assets/radio-text-DIB67n3r.css +0 -1
- package/dist/assets/sidebar-title-B2AqQmCM.css +0 -1
- package/dist/assets/step-CCaCnmMY.css +0 -1
- package/dist/assets/step-title-DaI54QfF.css +0 -1
- package/dist/assets/textarea-86fWKmQJ.css +0 -1
- package/dist/assets/user-DyKjy0fQ.css +0 -1
- package/dist/components/sidebar/components/data-board/data-board.component.d.ts +0 -7
- package/dist/components/sidebar/components/data-board/data-board.component.js +0 -14
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Button_1a1bm_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}._ButtonSizeSm_1a1bm_11{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._ButtonSizeSm_1a1bm_11 ._ButtonText_1a1bm_16{font-family:var(--rm-ui-font-family-regular),sans-serif;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)}._ButtonSizeMd_1a1bm_23,._ButtonSizeLg_1a1bm_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md)}._ButtonSizeMd_1a1bm_23 ._ButtonText_1a1bm_16{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonSizeLg_1a1bm_24 ._ButtonText_1a1bm_16{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._ButtonColorNext_1a1bm_39{background-color:var(--rm-ui-next-btn-bg)}._ButtonColorNext_1a1bm_39 ._ButtonText_1a1bm_16{color:#fff}._ButtonColorPrevious_1a1bm_47{background-color:transparent}._ButtonColorPrevious_1a1bm_47 ._ButtonText_1a1bm_16{color:var(--rm-ui-color-text-secondary)}._Button_1a1bm_1:not(._ButtonLoading_1a1bm_55):not(:disabled):hover{cursor:pointer}._Button_1a1bm_1:focus{outline-color:var(--rm-ui-color-focus)}._ButtonFullWidth_1a1bm_63{width:100%}._ButtonText_1a1bm_16{font-family:var(--rm-ui-font-family-medium),sans-serif;font-weight:var(--rm-ui-font-weight-medium)}._ButtonInfo_1a1bm_72{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px);color:#fff}._ButtonContent_1a1bm_80{transition:opacity .2s ease-in-out .2s}._ButtonContentLoading_1a1bm_84{opacity:0}._ButtonContentIdle_1a1bm_88{opacity:1}._ButtonLoaderWrap_1a1bm_92{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._ButtonLoaderAnimationWrap_1a1bm_99{display:flex;flex-direction:column;align-items:center;justify-content:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Checkbox_3g73b_1{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Checkbox_3g73b_1:hover{cursor:pointer}._CheckboxChoice_3g73b_14{position:relative;left:0;top:3px}._CheckboxContent_3g73b_20{font-family:var(--rm-ui-font-family-regular),sans-serif;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);color:var(--rm-ui-color-text-primary)}._CheckboxContent_3g73b_20 button{background-color:transparent;border:none;padding:0;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:var(--rm-ui-color-text-primary);text-decoration:underline}._CheckboxContent_3g73b_20 button:hover{cursor:pointer;outline-offset:2px}._CheckboxContent_3g73b_20 button:focus-visible{outline-color:var(--rm-ui-color-focus)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Dropdown_119hk_1{--transition-time: .2s;--under-chevron: linear-gradient(90deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, .5411764706) 25%, #fff 50%);--border-radius: 3px;position:relative;font-family:var(--rm-ui-font-family-regular),sans-serif;font-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);color:var(--rm-ui-color-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._DropdownBorder_119hk_18{position:relative;min-height:60px;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);overflow:hidden}._DropdownContent_119hk_29{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}._DropdownBorder_119hk_18:hover{cursor:pointer}._DropdownChevron_119hk_40{width:24px;height:24px;transition:transform var(--transition-time) ease-out}._DropdownChevron_119hk_40[data-open=false]{transform:rotate(0)}._DropdownChevron_119hk_40[data-open=true]{transform:rotate(180deg)}._DropdownChevronWrap_119hk_54{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);background:var(--under-chevron);border-radius:10px;width:80px;height:100%;padding-right:var(--rm-ui-padding-sm);display:flex;justify-content:flex-end;align-items:center}._DropdownBox_119hk_70{flex-grow:1;border-radius:10px;background-color:var(--rm-ui-grey-50)}._DropdownBoxVisible_119hk_76{display:block}._DropdownBoxHidden_119hk_80{display:none}._DropdownSearch_119hk_84{position:relative;border-bottom:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm)}._DropdownSearchVisible_119hk_90{display:block}._DropdownSearchHidden_119hk_94{display:none}._DropdownClose_119hk_98{border-top:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}._DropdownInput_119hk_107{width:100%;border-radius:10px;padding:var(--rm-ui-padding-xs) calc(var(--rm-ui-padding-sm) * 2 + 12px) var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);border:1px var(--rm-ui-grey-300) solid;box-sizing:border-box;font-family:var(--rm-ui-font-family-regular),sans-serif;font-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);outline-color:var(--rm-ui-color-accent-primary)}._DropdownGlass_119hk_122{position:absolute;z-index:1;right:calc(var(--rm-ui-padding-sm) * 2);top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--rm-ui-grey-300)}._DropdownChoices_119hk_133{list-style:none;margin:0;padding:0;max-height:228px;overflow-y:scroll;border-radius:10px}._DropdownChoice_119hk_133{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-sm);padding:6px var(--rm-ui-padding-sm)}._DropdownChoice_119hk_133:hover{cursor:pointer;background-color:#fff}._DropdownChoiceNoResult_119hk_156{color:var(--rm-ui-grey-600);text-align:center}html[dir=rtl] ._DropdownGlass_119hk_122{left:31px;right:initial}html[dir=rtl] ._DropdownChevronWrap_119hk_54{left:19px;right:initial}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Footer_vcjqa_1{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;white-space:nowrap;gap:var(--rm-ui-padding-md)}._FooterCopyright_vcjqa_11{font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light);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)}._FooterLinks_vcjqa_19{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--rm-ui-padding-md)}._FooterLink_vcjqa_19{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}._FooterButton_vcjqa_37{cursor:pointer;border:none;background-color:transparent;padding:0;font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light);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)}._FooterButton_vcjqa_37:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._FooterSeparator_vcjqa_54{display:none}@media screen and (min-width:768px){._Footer_vcjqa_1{flex-direction:row-reverse;justify-content:space-between}._FooterLinks_vcjqa_19{gap:0}._FooterLink_vcjqa_19:last-of-type ._FooterSeparator_vcjqa_54{display:none}._FooterSeparator_vcjqa_54{display:flex;border-right:1px solid var(--rm-ui-color-text-secondary);margin-right:var(--rm-ui-padding-xs);margin-left:var(--rm-ui-padding-xs);height:16px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Header_ey0v5_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._HeaderInfo_ey0v5_8{display:flex;flex-direction:column;align-items:flex-end;gap:2px}._HeaderLogo_ey0v5_15{height:var(--rm-ui-header-logo-height);pointer-events:none}._HeaderLogoPlaceholder_ey0v5_20{display:flex;width:var(--rm-ui-header-logo-height);height:var(--rm-ui-header-logo-height)}._HeaderPhoneButton_ey0v5_26{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-xs)}._HeaderPhoneButton_ey0v5_26:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._HeaderPhoneButtonIcon_ey0v5_41{width:22px;height:22px;stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderPhoneButtonNumber_ey0v5_48,._HeaderDescriptions_ey0v5_49{display:none}@media screen and (min-width:768px){._HeaderPhoneButtonNumber_ey0v5_48{display:flex;font-family:var(--rm-ui-font-family-bold),sans-serif;font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);letter-spacing:.1px;color:var(--rm-ui-color-theme-primary)}._HeaderDescriptions_ey0v5_49{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs);font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light);font-size:var( --rm-ui-font-size-body-extra-small);line-height:var( --rm-ui-line-height-body-extra-small);color:var(--rm-ui-color-theme-primary)}._HeaderDescriptionsIcon_ey0v5_77{stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderDescriptionsIconSm_ey0v5_82{width:10px;height:10px}._HeaderDescriptionsIconMd_ey0v5_87{width:12px;height:12px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._InfoPanel_11qy9_1{list-style:none;margin-top:0;margin-bottom:0;padding-left:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._InfoPanelRow_11qy9_13{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._InfoPanelKey_11qy9_20{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-font-size-body-small);color:var(--rm-ui-color-text-secondary)}._InfoPanelValue_11qy9_28{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-font-size-body-small);color:var(--rm-ui-color-text-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._InfoPanel_puyel_1{position:relative;padding:var(--rm-ui-padding-md) 0;background-color:var(--rm-ui-info-panel-bg)}._InfoPanel_puyel_1:before,._InfoPanel_puyel_1:after{content:"";display:block;position:absolute;top:0;z-index:1;height:100%;width:100vw;background-color:var(--rm-ui-info-panel-bg)}._InfoPanel_puyel_1:before{left:0}._InfoPanel_puyel_1:after{right:0}._InfoPanelList_puyel_27{position:relative;z-index:2;list-style:none;margin-top:0;margin-bottom:0;padding-left:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._InfoPanelItem_puyel_41{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._InfoPanelKey_puyel_48{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-font-size-body-small);color:var(--rm-ui-color-text-secondary)}._InfoPanelValue_puyel_56{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-font-size-body-small);color:var(--rm-ui-color-text-primary)}@media screen and (min-width:480px){._InfoPanelItem_puyel_41{justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Input_1uozt_1{outline:none;box-sizing:border-box;width:100%;border:none;padding:0;font-family:var(--rm-ui-font-family-medium),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_1uozt_1:hover{cursor:pointer}._Input_1uozt_1:disabled{opacity:.33}._Input_1uozt_1:disabled,._Input_1uozt_1:-webkit-autofill,._Input_1uozt_1:-webkit-autofill:hover,._Input_1uozt_1:-webkit-autofill:focus,._Input_1uozt_1:-webkit-autofill:active,._Input_1uozt_1:autofill,._Input_1uozt_1:autofill:hover,._Input_1uozt_1:autofill:focus,._Input_1uozt_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Input_1uozt_1:-webkit-autofill{animation-name:_autofill-start_1uozt_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-color-text-primary)}._Input_1uozt_1:not(:-webkit-autofill){animation-name:_autofill-cancel_1uozt_1;animation-duration:.1s}@keyframes _autofill-start_1uozt_1{}@keyframes _autofill-cancel_1uozt_1{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Label_vrgxu_1{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);transition:color .15s ease-out}._LabelPositionIdle_vrgxu_7{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LabelPositionActive_vrgxu_12{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._LabelStateIdle_vrgxu_17{color:var(--rm-ui-color-text-secondary)}._LabelStateError_vrgxu_21{color:var(--rm-ui-color-error)}._LabelStateSuccess_vrgxu_25{color:var(--rm-ui-color-success)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Loader_e61ge_1{animation:_spinPulse_e61ge_1 2s linear infinite;transform-origin:center}._LoaderColorWhite_e61ge_6{stroke:#fff}._LoaderColorPrimary_e61ge_10{stroke:var(--rm-ui-color-accent-primary)}._LoaderColorSecondary_e61ge_14{stroke:var(--rm-ui-color-accent-secondary)}._Loader_e61ge_1>path{animation:_dash_e61ge_1 2s linear infinite}@keyframes _spinPulse_e61ge_1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}@keyframes _dash_e61ge_1{0%{stroke-opacity:1}50%{stroke-opacity:.5}to{stroke-opacity:1}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._LoadingBlock_1h5nh_1{height:var(--rm-ui-loading-screen-height);display:flex;align-items:center;justify-content:center;background-color:transparent}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-weight-light: 300;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-weight-regular: 400;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-weight-medium: 700;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--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: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._NotFound_ub8uo_1{padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md) var(--rm-ui-padding-sm);background-color:transparent;font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._NotFoundH1_ub8uo_11{margin-top:0;margin-bottom:var(--rm-ui-padding-lg);font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._NotFoundH2_ub8uo_20{margin-top:0;margin-bottom:var(--rm-ui-padding-md);font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._NotFoundH3_ub8uo_29{margin-top:0;margin-bottom:var(--rm-ui-padding-md);font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._NotFoundTable_ub8uo_38{width:100%;border-spacing:0;border-collapse:collapse}._NotFoundTh_ub8uo_44,._NotFoundTd_ub8uo_45{padding:var(--rm-ui-padding-xs);vertical-align:top;border-top:1px solid var(--rm-ui-grey-300);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._NotFoundTh_ub8uo_44{text-align:left;font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular)}._NotFoundTd_ub8uo_45{font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light)}@media screen and (min-width:1024px){._NotFound_ub8uo_1{padding:var(--rm-ui-padding-md) var(--rm-ui-padding-lg) var(--rm-ui-padding-md)}}@media screen and (min-width:1200px){._NotFound_ub8uo_1{padding:var(--rm-ui-padding-lg)}._NotFoundH1_ub8uo_11{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._NotFoundH2_ub8uo_20{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._NotFoundH3_ub8uo_29{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._NotFoundTh_ub8uo_44,._NotFoundTd_ub8uo_45{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._PageInfo_123k6_1{margin-top:0;margin-bottom:0;font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._PageTitle_gx4bx_1{margin-top:0;margin-bottom:0;font-family:var(--rm-ui-font-family-medium),sans-serif;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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._RadioText_9pn46_1{position:relative;display:flex;align-items:center;justify-content:center}._RadioTextSizeMd_9pn46_8{font-size:12px;line-height:14px}._RadioTextSizeLg_9pn46_13{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._RadioTextOneLine_9pn46_18,._RadioTextOneLine_9pn46_18 ._RadioTextContent_9pn46_19{white-space:nowrap}._RadioTextContent_9pn46_19{display:flex;align-items:center;justify-content:flex-start;color:var(--rm-ui-color-text-primary);text-align:left;white-space:pre-wrap}._RadioTextContent_9pn46_19[data-checked=false]{font-family:var(--rm-ui-font-family-regular),sans-serif;font-weight:var(--rm-ui-font-weight-regular)}._RadioTextContent_9pn46_19[data-checked=true]{font-family:var(--rm-ui-font-family-medium),sans-serif;font-weight:var(--rm-ui-font-weight-medium)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._SidebarTitle_ja6el_1{margin-top:0;margin-bottom:0;font-family:var(--rm-ui-font-family-medium),sans-serif;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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Step_2a7x3_1{--step-animation: .2s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._StepIcon_2a7x3_10{position:relative;display:inline-flex}._StepCircle_2a7x3_15{stroke-width:2px;transition:stroke var(--step-animation) ease-in-out,fill var(--step-animation) ease-in-out,fill-opacity var(--step-animation) ease-in-out}._StepCircleIdle_2a7x3_20{stroke:var(--rm-ui-step-idle-color);fill:var(--rm-ui-step-idle-color);fill-opacity:.1}._StepCircleSuccess_2a7x3_26{stroke:var(--rm-ui-color-accent-primary);fill:var(--rm-ui-color-accent-primary);fill-opacity:1}._StepCircleError_2a7x3_32{stroke:var(--rm-ui-color-error);fill:var(--rm-ui-color-error);fill-opacity:1}._StepIconContent_2a7x3_38{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}._StepIconAnimate_2a7x3_46{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}._StepCheck_2a7x3_54,._StepX_2a7x3_55{stroke-width:2.5;stroke:#fff}._StepText_2a7x3_60{font-family:var(--rm-ui-font-family-medium),sans-serif;font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._StepTextIdle_2a7x3_67{color:var(--rm-ui-color-text-secondary)}._StepTextActive_2a7x3_71{color:var(--rm-ui-color-text-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._StepTitle_4x07u_1{margin-top:0;margin-bottom:0;font-family:var(--rm-ui-font-family-medium),sans-serif;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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Textarea_a0h51_1{resize:none;outline:none;box-sizing:border-box;width:100%;border:none;border-radius:10px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);font-family:var(--rm-ui-font-family-medium),sans-serif;font-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)}._Textarea_a0h51_1:hover{cursor:pointer}._Textarea_a0h51_1:disabled{opacity:.33}._Textarea_a0h51_1:disabled,._Textarea_a0h51_1:-webkit-autofill,._Textarea_a0h51_1:-webkit-autofill:hover,._Textarea_a0h51_1:-webkit-autofill:focus,._Textarea_a0h51_1:-webkit-autofill:active,._Textarea_a0h51_1:autofill,._Textarea_a0h51_1:autofill:hover,._Textarea_a0h51_1:autofill:focus,._Textarea_a0h51_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Textarea_a0h51_1:-webkit-autofill{animation-name:_autofill-start_a0h51_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-grey-500)}._Textarea_a0h51_1:not(:-webkit-autofill){animation-name:_autofill-cancel_a0h51_1;animation-duration:.1s}@keyframes _autofill-start_a0h51_1{}@keyframes _autofill-cancel_a0h51_1{}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._User_7s1mm_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._UserHead_7s1mm_9{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}._UserTitle_7s1mm_17{font-family:var(--rm-ui-font-family-regular),sans-serif;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)}._UserButton_7s1mm_25{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._UserButton_7s1mm_25:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._UserButtonText_7s1mm_42{font-family:var(--rm-ui-font-family-regular),sans-serif;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)}._UserButtonIcon_7s1mm_50{width:14px;height:14px;stroke-width:2;stroke:var(--rm-ui-color-text-primary)}._UserInfo_7s1mm_57{margin-top:0;margin-bottom:0;padding-left:0;list-style:none;display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}._UserInfoRaw_7s1mm_69{font-family:var(--rm-ui-font-family-light),sans-serif;font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}
|
|
@@ -1,66 +1,76 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import { containsHtml as
|
|
6
|
-
import '../../../../assets/button-
|
|
7
|
-
Button:
|
|
8
|
-
ButtonSizeSm:
|
|
9
|
-
ButtonText:
|
|
10
|
-
ButtonSizeMd:
|
|
11
|
-
ButtonSizeLg:
|
|
12
|
-
ButtonColorNext:
|
|
13
|
-
ButtonColorPrevious:
|
|
14
|
-
ButtonLoading:
|
|
15
|
-
ButtonFullWidth:
|
|
1
|
+
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import l from "clsx";
|
|
3
|
+
import { Animation as L } from "../../../animation/animation.component.js";
|
|
4
|
+
import { Loader as b } from "../../../loader/loader.component.js";
|
|
5
|
+
import { containsHtml as p } from "../../utils/utils.js";
|
|
6
|
+
import '../../../../assets/button-MNE41RxH.css';const S = "_Button_1a1bm_1", f = "_ButtonSizeSm_1a1bm_11", g = "_ButtonText_1a1bm_16", z = "_ButtonSizeMd_1a1bm_23", h = "_ButtonSizeLg_1a1bm_24", x = "_ButtonColorNext_1a1bm_39", W = "_ButtonColorPrevious_1a1bm_47", N = "_ButtonLoading_1a1bm_55", I = "_ButtonFullWidth_1a1bm_63", v = "_ButtonInfo_1a1bm_72", F = "_ButtonContent_1a1bm_80", A = "_ButtonContentLoading_1a1bm_84", M = "_ButtonContentIdle_1a1bm_88", T = "_ButtonLoaderWrap_1a1bm_92", P = "_ButtonLoaderAnimationWrap_1a1bm_99", t = {
|
|
7
|
+
Button: S,
|
|
8
|
+
ButtonSizeSm: f,
|
|
9
|
+
ButtonText: g,
|
|
10
|
+
ButtonSizeMd: z,
|
|
11
|
+
ButtonSizeLg: h,
|
|
12
|
+
ButtonColorNext: x,
|
|
13
|
+
ButtonColorPrevious: W,
|
|
14
|
+
ButtonLoading: N,
|
|
15
|
+
ButtonFullWidth: I,
|
|
16
16
|
ButtonInfo: v,
|
|
17
17
|
ButtonContent: F,
|
|
18
|
-
ButtonContentLoading:
|
|
19
|
-
ButtonContentIdle:
|
|
20
|
-
ButtonLoaderWrap:
|
|
21
|
-
|
|
22
|
-
},
|
|
18
|
+
ButtonContentLoading: A,
|
|
19
|
+
ButtonContentIdle: M,
|
|
20
|
+
ButtonLoaderWrap: T,
|
|
21
|
+
ButtonLoaderAnimationWrap: P
|
|
22
|
+
}, $ = (B) => {
|
|
23
23
|
const {
|
|
24
|
-
children:
|
|
25
|
-
color:
|
|
26
|
-
size:
|
|
24
|
+
children: r,
|
|
25
|
+
color: a,
|
|
26
|
+
size: u,
|
|
27
27
|
type: s,
|
|
28
|
-
disabled:
|
|
28
|
+
disabled: d = !1,
|
|
29
29
|
info: n = "",
|
|
30
30
|
fullWidth: _ = !1,
|
|
31
|
-
loading:
|
|
32
|
-
onClick:
|
|
33
|
-
onFocus:
|
|
31
|
+
loading: e = !1,
|
|
32
|
+
onClick: m,
|
|
33
|
+
onFocus: c,
|
|
34
34
|
onBlur: C
|
|
35
|
-
} =
|
|
36
|
-
return /* @__PURE__ */
|
|
35
|
+
} = B;
|
|
36
|
+
return /* @__PURE__ */ i(
|
|
37
37
|
"button",
|
|
38
38
|
{
|
|
39
39
|
"data-testid": "button",
|
|
40
40
|
type: s,
|
|
41
|
-
disabled:
|
|
42
|
-
className:
|
|
43
|
-
[t.ButtonSizeSm]:
|
|
44
|
-
[t.ButtonSizeMd]:
|
|
45
|
-
[t.ButtonSizeLg]:
|
|
46
|
-
[t.ButtonColorNext]:
|
|
47
|
-
[t.ButtonColorPrevious]:
|
|
41
|
+
disabled: d || e,
|
|
42
|
+
className: l(t.Button, {
|
|
43
|
+
[t.ButtonSizeSm]: u === "sm",
|
|
44
|
+
[t.ButtonSizeMd]: u === "md",
|
|
45
|
+
[t.ButtonSizeLg]: u === "lg",
|
|
46
|
+
[t.ButtonColorNext]: a === "next",
|
|
47
|
+
[t.ButtonColorPrevious]: a === "previous",
|
|
48
48
|
[t.ButtonFullWidth]: _,
|
|
49
|
-
[t.ButtonLoading]:
|
|
49
|
+
[t.ButtonLoading]: e
|
|
50
50
|
}),
|
|
51
|
-
onClick: () =>
|
|
52
|
-
onFocus: () =>
|
|
51
|
+
onClick: () => m?.call(null),
|
|
52
|
+
onFocus: () => c?.call(null),
|
|
53
53
|
onBlur: () => C?.call(null),
|
|
54
54
|
children: [
|
|
55
|
-
/* @__PURE__ */ o("div", { className: t.ButtonLoaderWrap, children: /* @__PURE__ */ o(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
/* @__PURE__ */ o("div", { className: t.ButtonLoaderWrap, children: /* @__PURE__ */ o(
|
|
56
|
+
L.FadeScale,
|
|
57
|
+
{
|
|
58
|
+
name: "loader",
|
|
59
|
+
condition: e,
|
|
60
|
+
duration: 0.2,
|
|
61
|
+
delay: 0.2,
|
|
62
|
+
className: t.ButtonLoaderAnimationWrap,
|
|
63
|
+
children: /* @__PURE__ */ o(b, { size: 24, color: "white" })
|
|
64
|
+
}
|
|
65
|
+
) }),
|
|
66
|
+
/* @__PURE__ */ i("div", { className: l(t.ButtonContent, e ? t.ButtonContentLoading : t.ButtonContentIdle), children: [
|
|
67
|
+
/* @__PURE__ */ o("span", { className: t.ButtonText, children: r }),
|
|
68
|
+
p(n) && n ? /* @__PURE__ */ o("span", { className: t.ButtonInfo, dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ o("span", { className: t.ButtonInfo, children: n })
|
|
59
69
|
] })
|
|
60
70
|
]
|
|
61
71
|
}
|
|
62
72
|
);
|
|
63
73
|
};
|
|
64
74
|
export {
|
|
65
|
-
|
|
75
|
+
$ as Button
|
|
66
76
|
};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { jsxs as _, jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { useToggle as
|
|
2
|
+
import { useToggle as C } from "usehooks-ts";
|
|
3
3
|
import { Choice as B } from "../choice/choice.component.js";
|
|
4
4
|
import { HiddenInput as F } from "../hidden-input/hidden-input.component.js";
|
|
5
5
|
import { Converter as I } from "../../../../utils/converter/converter.js";
|
|
6
|
-
import '../../../../assets/checkbox-
|
|
6
|
+
import '../../../../assets/checkbox-O7Vf9oHF.css';const N = "_Checkbox_3g73b_1", j = "_CheckboxChoice_3g73b_14", y = "_CheckboxContent_3g73b_20", l = {
|
|
7
7
|
Checkbox: N,
|
|
8
8
|
CheckboxChoice: j,
|
|
9
9
|
CheckboxContent: y
|
|
10
|
-
}, D = (
|
|
11
|
-
const { children: u, state:
|
|
12
|
-
e ||
|
|
10
|
+
}, D = (a) => {
|
|
11
|
+
const { children: u, state: b = "idle", size: k = "md", id: o, value: n, disabled: e = !1, onChange: r, onFocus: d, onBlur: x } = a, [s, h] = C(!1), [m, i] = C(!1), p = (t) => {
|
|
12
|
+
e || s || (t.preventDefault(), r(!n, o));
|
|
13
13
|
}, f = (t) => {
|
|
14
|
-
e || (t.stopPropagation(),
|
|
14
|
+
e || (t.stopPropagation(), r(!n, o));
|
|
15
15
|
}, g = () => {
|
|
16
|
-
e || (
|
|
16
|
+
e || (h(), d?.call(null, o));
|
|
17
17
|
}, v = () => {
|
|
18
|
-
e || (
|
|
18
|
+
e || (h(), x?.call(null, o));
|
|
19
19
|
};
|
|
20
20
|
return /* @__PURE__ */ _(
|
|
21
21
|
"label",
|
|
22
22
|
{
|
|
23
23
|
htmlFor: o,
|
|
24
|
-
className:
|
|
24
|
+
className: l.Checkbox,
|
|
25
25
|
onClick: p,
|
|
26
26
|
onFocus: g,
|
|
27
27
|
onBlur: v,
|
|
28
|
-
onMouseEnter: () =>
|
|
29
|
-
onMouseLeave: () =>
|
|
28
|
+
onMouseEnter: () => i(),
|
|
29
|
+
onMouseLeave: () => i(),
|
|
30
30
|
children: [
|
|
31
31
|
/* @__PURE__ */ c(
|
|
32
32
|
F,
|
|
@@ -40,19 +40,19 @@ import '../../../../assets/checkbox-DQ3Y5rHZ.css';const N = "_Checkbox_6s2ra_1",
|
|
|
40
40
|
onChange: f
|
|
41
41
|
}
|
|
42
42
|
),
|
|
43
|
-
/* @__PURE__ */ c("div", { className:
|
|
43
|
+
/* @__PURE__ */ c("div", { className: l.CheckboxChoice, children: /* @__PURE__ */ c(
|
|
44
44
|
B,
|
|
45
45
|
{
|
|
46
46
|
type: "checkbox",
|
|
47
|
-
size:
|
|
48
|
-
state:
|
|
47
|
+
size: k,
|
|
48
|
+
state: b,
|
|
49
49
|
checked: n,
|
|
50
|
-
focused:
|
|
50
|
+
focused: s,
|
|
51
51
|
hovered: m,
|
|
52
52
|
disabled: e
|
|
53
53
|
}
|
|
54
54
|
) }),
|
|
55
|
-
/* @__PURE__ */ c("div", { className:
|
|
55
|
+
/* @__PURE__ */ c("div", { className: l.CheckboxContent, children: u })
|
|
56
56
|
]
|
|
57
57
|
}
|
|
58
58
|
);
|
|
@@ -1,66 +1,66 @@
|
|
|
1
1
|
import { jsxs as r, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as
|
|
2
|
+
import { useRef as m, useState as C, useEffect as g, useMemo as K } from "react";
|
|
3
3
|
import { useBoolean as M, useResizeObserver as T, useOnClickOutside as E } from "usehooks-ts";
|
|
4
4
|
import { ChevronDown as $, Search as q } from "lucide-react";
|
|
5
|
-
import
|
|
6
|
-
import { Box as
|
|
5
|
+
import N from "clsx";
|
|
6
|
+
import { Box as R } from "../box/box.component.js";
|
|
7
7
|
import { Button as J } from "../button/button.component.js";
|
|
8
8
|
import { Choice as P } from "../choice/choice.component.js";
|
|
9
9
|
import { Label as Q } from "../label/label.component.js";
|
|
10
|
-
import { RadioText as
|
|
10
|
+
import { RadioText as f } from "../radio-text/radio-text.component.js";
|
|
11
11
|
import { clickHasNode as U } from "../../utils/utils.js";
|
|
12
12
|
import { Converter as X } from "../../../../utils/converter/converter.js";
|
|
13
|
-
import '../../../../assets/dropdown-
|
|
13
|
+
import '../../../../assets/dropdown-BE2zB445.css';const Y = "_Dropdown_119hk_1", Z = "_DropdownBorder_119hk_18", oo = "_DropdownContent_119hk_29", eo = "_DropdownChevron_119hk_40", no = "_DropdownChevronWrap_119hk_54", ro = "_DropdownBox_119hk_70", so = "_DropdownBoxVisible_119hk_76", co = "_DropdownBoxHidden_119hk_80", io = "_DropdownSearch_119hk_84", lo = "_DropdownSearchVisible_119hk_90", to = "_DropdownSearchHidden_119hk_94", ho = "_DropdownClose_119hk_98", po = "_DropdownInput_119hk_107", ao = "_DropdownGlass_119hk_122", wo = "_DropdownChoices_119hk_133", Do = "_DropdownChoice_119hk_133", _o = "_DropdownChoiceNoResult_119hk_156", e = {
|
|
14
14
|
Dropdown: Y,
|
|
15
15
|
DropdownBorder: Z,
|
|
16
16
|
DropdownContent: oo,
|
|
17
17
|
DropdownChevron: eo,
|
|
18
18
|
DropdownChevronWrap: no,
|
|
19
19
|
DropdownBox: ro,
|
|
20
|
-
DropdownBoxVisible:
|
|
21
|
-
DropdownBoxHidden:
|
|
20
|
+
DropdownBoxVisible: so,
|
|
21
|
+
DropdownBoxHidden: co,
|
|
22
22
|
DropdownSearch: io,
|
|
23
23
|
DropdownSearchVisible: lo,
|
|
24
24
|
DropdownSearchHidden: to,
|
|
25
|
-
DropdownClose:
|
|
26
|
-
DropdownInput:
|
|
27
|
-
DropdownGlass:
|
|
25
|
+
DropdownClose: ho,
|
|
26
|
+
DropdownInput: po,
|
|
27
|
+
DropdownGlass: ao,
|
|
28
28
|
DropdownChoices: wo,
|
|
29
29
|
DropdownChoice: Do,
|
|
30
|
-
DropdownChoiceNoResult:
|
|
31
|
-
},
|
|
32
|
-
const { choices:
|
|
30
|
+
DropdownChoiceNoResult: _o
|
|
31
|
+
}, Ro = (s) => {
|
|
32
|
+
const { choices: k = [], value: p = [], isSearchHidden: H = !1, multiple: l = !1, onChange: a, onOpen: z, onClose: V } = s, y = s.label || "", I = s.placeholder || "Wählen Sie Ihre private Krankenversicherung...", O = s.noResult || "Keine Versicherung gefunden.", W = s.closeButton || "Schließen", v = m(null), w = m(null), x = m(null), { value: t, setFalse: D, toggle: A } = M(!1), [_, G] = C(""), [c, L] = C({ width: 0, height: 0 }), [h, B] = C([]);
|
|
33
33
|
T({
|
|
34
34
|
ref: w,
|
|
35
35
|
onResize: (o) => L({ width: o.width || 0, height: o.height || 0 })
|
|
36
36
|
}), E(w, (o) => {
|
|
37
|
-
U(o,
|
|
38
|
-
}),
|
|
39
|
-
t &&
|
|
40
|
-
}, [t,
|
|
37
|
+
U(o, v) || (l && a(h), D());
|
|
38
|
+
}), g(() => B(Array.isArray(p) ? p : []), [p]), g(() => {
|
|
39
|
+
t && c.width && c.height ? (x.current?.focus(), z?.call(null, c.height, c.width)) : V?.call(null);
|
|
40
|
+
}, [t, c]);
|
|
41
41
|
const j = (o, d) => {
|
|
42
|
-
|
|
42
|
+
B((i) => i.some(({ value: u }) => u === o) ? i.filter(({ value: u }) => u !== o) : [...i, { value: o, label: d }]);
|
|
43
43
|
}, F = () => {
|
|
44
|
-
D(), h
|
|
45
|
-
},
|
|
46
|
-
() =>
|
|
47
|
-
[
|
|
44
|
+
D(), a(h);
|
|
45
|
+
}, S = K(
|
|
46
|
+
() => k.filter(({ label: o }) => o.toLowerCase().includes(_.toLowerCase())),
|
|
47
|
+
[_, k]
|
|
48
48
|
);
|
|
49
49
|
return /* @__PURE__ */ r("div", { className: e.Dropdown, children: [
|
|
50
|
-
/* @__PURE__ */ n(
|
|
50
|
+
/* @__PURE__ */ n(R, { ref: v, onClick: A, children: /* @__PURE__ */ r("div", { className: e.DropdownBorder, children: [
|
|
51
51
|
/* @__PURE__ */ r("div", { className: e.DropdownContent, children: [
|
|
52
52
|
/* @__PURE__ */ n(Q, { position: "active", children: y }),
|
|
53
|
-
/* @__PURE__ */ n(
|
|
53
|
+
/* @__PURE__ */ n(f, { size: "lg", checked: !0, oneLine: !0, children: X.Answer.FromArrayToMultiple(h.map(({ label: o }) => o)) || I })
|
|
54
54
|
] }),
|
|
55
55
|
/* @__PURE__ */ n("div", { className: e.DropdownChevronWrap, children: /* @__PURE__ */ n($, { "data-open": t, className: e.DropdownChevron }) })
|
|
56
56
|
] }) }),
|
|
57
|
-
/* @__PURE__ */ n(
|
|
58
|
-
/* @__PURE__ */ r("div", { className:
|
|
57
|
+
/* @__PURE__ */ n(R, { ref: w, className: t ? e.DropdownBoxVisible : e.DropdownBoxHidden, children: /* @__PURE__ */ r("div", { className: e.DropdownBox, children: [
|
|
58
|
+
/* @__PURE__ */ r("div", { className: N(e.DropdownSearch, H ? e.DropdownSearchHidden : e.DropdownSearchVisible), children: [
|
|
59
59
|
/* @__PURE__ */ n(
|
|
60
60
|
"input",
|
|
61
61
|
{
|
|
62
|
-
ref:
|
|
63
|
-
value:
|
|
62
|
+
ref: x,
|
|
63
|
+
value: _,
|
|
64
64
|
type: "text",
|
|
65
65
|
className: e.DropdownInput,
|
|
66
66
|
onChange: (o) => G(o.target.value)
|
|
@@ -68,30 +68,30 @@ import '../../../../assets/dropdown-Ba3Wegqm.css';const Y = "_Dropdown_cmvnx_1",
|
|
|
68
68
|
),
|
|
69
69
|
/* @__PURE__ */ n(q, { className: e.DropdownGlass })
|
|
70
70
|
] }),
|
|
71
|
-
/* @__PURE__ */ n("ul", { className: e.DropdownChoices, children:
|
|
71
|
+
/* @__PURE__ */ n("ul", { className: e.DropdownChoices, children: S.length ? S.map(({ value: o, label: d }, i) => /* @__PURE__ */ r(
|
|
72
72
|
"li",
|
|
73
73
|
{
|
|
74
74
|
className: e.DropdownChoice,
|
|
75
75
|
onClick: () => {
|
|
76
|
-
l ? j(o, d) : (D(),
|
|
76
|
+
l ? j(o, d) : (D(), a([{ value: o, label: d }]));
|
|
77
77
|
},
|
|
78
78
|
children: [
|
|
79
79
|
l && /* @__PURE__ */ n(
|
|
80
80
|
P,
|
|
81
81
|
{
|
|
82
82
|
type: "checkbox",
|
|
83
|
-
checked:
|
|
83
|
+
checked: h.some((b) => b.value === o)
|
|
84
84
|
}
|
|
85
85
|
),
|
|
86
|
-
/* @__PURE__ */ n(
|
|
86
|
+
/* @__PURE__ */ n(f, { size: "lg", checked: !1, children: d })
|
|
87
87
|
]
|
|
88
88
|
},
|
|
89
89
|
o + i
|
|
90
|
-
)) : /* @__PURE__ */ n("li", { className:
|
|
90
|
+
)) : /* @__PURE__ */ n("li", { className: N(e.DropdownChoice, e.DropdownChoiceNoResult), children: /* @__PURE__ */ n(f, { size: "lg", checked: !1, children: O }) }) }),
|
|
91
91
|
l && /* @__PURE__ */ n("div", { className: e.DropdownClose, children: /* @__PURE__ */ n(J, { color: "next", size: "sm", type: "button", onClick: () => F(), children: W }) })
|
|
92
92
|
] }) })
|
|
93
93
|
] });
|
|
94
94
|
};
|
|
95
95
|
export {
|
|
96
|
-
|
|
96
|
+
Ro as Dropdown
|
|
97
97
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import '../../../../assets/input-
|
|
2
|
+
import '../../../../assets/input-69-VoJEI.css';const m = "_Input_1uozt_1", a = {
|
|
3
3
|
Input: m,
|
|
4
|
-
"autofill-start": "_autofill-
|
|
5
|
-
"autofill-cancel": "_autofill-
|
|
4
|
+
"autofill-start": "_autofill-start_1uozt_1",
|
|
5
|
+
"autofill-cancel": "_autofill-cancel_1uozt_1"
|
|
6
6
|
}, _ = ({
|
|
7
|
-
id:
|
|
7
|
+
id: t,
|
|
8
8
|
value: n,
|
|
9
9
|
disabled: o = !1,
|
|
10
10
|
type: u = "text",
|
|
11
11
|
onAutofill: c,
|
|
12
|
-
onAutofillCancel:
|
|
13
|
-
onChange:
|
|
12
|
+
onAutofillCancel: e,
|
|
13
|
+
onChange: i,
|
|
14
14
|
onFocus: s,
|
|
15
15
|
onBlur: f
|
|
16
16
|
}) => /* @__PURE__ */ r(
|
|
@@ -19,16 +19,16 @@ import '../../../../assets/input-3QR47UJ8.css';const m = "_Input_1ldi1_1", a = {
|
|
|
19
19
|
"data-testid": "input",
|
|
20
20
|
disabled: o,
|
|
21
21
|
type: u,
|
|
22
|
-
id:
|
|
23
|
-
name:
|
|
22
|
+
id: t,
|
|
23
|
+
name: t,
|
|
24
24
|
value: n,
|
|
25
25
|
className: a.Input,
|
|
26
|
-
onChange: (
|
|
27
|
-
onAnimationStart: (
|
|
28
|
-
|
|
26
|
+
onChange: (l) => i(l.target.value, t, "keyboard"),
|
|
27
|
+
onAnimationStart: (l) => {
|
|
28
|
+
l.animationName === a["autofill-start"] && c?.call(null, t), l.animationName === a["autofill-cancel"] && e?.call(null, t);
|
|
29
29
|
},
|
|
30
|
-
onFocus: () => s?.call(null,
|
|
31
|
-
onBlur: () => f?.call(null,
|
|
30
|
+
onFocus: () => s?.call(null, t),
|
|
31
|
+
onBlur: () => f?.call(null, t)
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
export {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import i from "clsx";
|
|
3
|
-
import '../../../../assets/label-
|
|
3
|
+
import '../../../../assets/label-BwfE1izZ.css';const r = "_Label_vrgxu_1", c = "_LabelPositionIdle_vrgxu_7", b = "_LabelPositionActive_vrgxu_12", L = "_LabelStateIdle_vrgxu_17", n = "_LabelStateError_vrgxu_21", _ = "_LabelStateSuccess_vrgxu_25", e = {
|
|
4
4
|
Label: r,
|
|
5
5
|
LabelPositionIdle: c,
|
|
6
6
|
LabelPositionActive: b,
|
|
7
7
|
LabelStateIdle: L,
|
|
8
8
|
LabelStateError: n,
|
|
9
|
-
LabelStateSuccess:
|
|
10
|
-
},
|
|
9
|
+
LabelStateSuccess: _
|
|
10
|
+
}, u = (l) => {
|
|
11
11
|
const { children: o, position: a = "idle", state: t = "idle" } = l;
|
|
12
12
|
return /* @__PURE__ */ s(
|
|
13
13
|
"span",
|
|
@@ -24,5 +24,5 @@ import '../../../../assets/label-CCZNUUQp.css';const r = "_Label_1vr4d_1", c = "
|
|
|
24
24
|
);
|
|
25
25
|
};
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
u as Label
|
|
28
28
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import x from "clsx";
|
|
3
|
-
import '../../../../assets/radio-text-
|
|
3
|
+
import '../../../../assets/radio-text-B4Qx8pq3.css';const T = "_RadioText_9pn46_1", R = "_RadioTextSizeMd_9pn46_8", c = "_RadioTextSizeLg_9pn46_13", s = "_RadioTextOneLine_9pn46_18", _ = "_RadioTextContent_9pn46_19", e = {
|
|
4
4
|
RadioText: T,
|
|
5
5
|
RadioTextSizeMd: R,
|
|
6
6
|
RadioTextSizeLg: c,
|
|
7
7
|
RadioTextOneLine: s,
|
|
8
8
|
RadioTextContent: _
|
|
9
|
-
},
|
|
10
|
-
const { children: t, size: i, checked:
|
|
9
|
+
}, l = (n) => {
|
|
10
|
+
const { children: t, size: i, checked: d, oneLine: a = !1 } = n;
|
|
11
11
|
return /* @__PURE__ */ o(
|
|
12
12
|
"div",
|
|
13
13
|
{
|
|
@@ -20,7 +20,7 @@ import '../../../../assets/radio-text-DIB67n3r.css';const T = "_RadioText_9i5dh_
|
|
|
20
20
|
"span",
|
|
21
21
|
{
|
|
22
22
|
"data-text": t,
|
|
23
|
-
"data-checked":
|
|
23
|
+
"data-checked": d,
|
|
24
24
|
className: e.RadioTextContent,
|
|
25
25
|
dangerouslySetInnerHTML: { __html: t }
|
|
26
26
|
}
|
|
@@ -29,5 +29,5 @@ import '../../../../assets/radio-text-DIB67n3r.css';const T = "_RadioText_9i5dh_
|
|
|
29
29
|
);
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
l as RadioText
|
|
33
33
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useBoolean as
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useBoolean as F, useToggle as v } from "usehooks-ts";
|
|
3
3
|
import { Box as k } from "../box/box.component.js";
|
|
4
|
-
import '../../../../assets/textarea-
|
|
4
|
+
import '../../../../assets/textarea-VM-QuRZR.css';const N = "_Textarea_a0h51_1", o = {
|
|
5
5
|
Textarea: N,
|
|
6
|
-
"autofill-start": "_autofill-
|
|
7
|
-
"autofill-cancel": "_autofill-
|
|
6
|
+
"autofill-start": "_autofill-start_a0h51_1",
|
|
7
|
+
"autofill-cancel": "_autofill-cancel_a0h51_1"
|
|
8
8
|
}, I = (i) => {
|
|
9
|
-
const { state: c = "idle", placeholder: u = "", rows: f = 5, id: e, value: t, disabled: d = !1, onChange: m, onFocus: x, onBlur: T } = i, { value: _, setTrue: l, setFalse: n } =
|
|
9
|
+
const { state: c = "idle", placeholder: u = "", rows: f = 5, id: e, value: t, disabled: d = !1, onChange: m, onFocus: x, onBlur: T } = i, { value: _, setTrue: l, setFalse: n } = F(!0), [g, s] = v(!1), h = (a) => {
|
|
10
10
|
a.animationName === o["autofill-start"] && n(), a.animationName === o["autofill-cancel"] && !t && l();
|
|
11
|
+
}, p = (a) => {
|
|
12
|
+
t || n(), s(), x?.call(null, a);
|
|
11
13
|
}, B = (a) => {
|
|
12
|
-
t ||
|
|
13
|
-
}, F = (a) => {
|
|
14
|
-
t || l(), r(), T?.call(null, a);
|
|
14
|
+
t || l(), s(), T?.call(null, a);
|
|
15
15
|
};
|
|
16
|
-
return /* @__PURE__ */
|
|
16
|
+
return /* @__PURE__ */ r(k, { state: c, focused: g, children: /* @__PURE__ */ r(
|
|
17
17
|
"textarea",
|
|
18
18
|
{
|
|
19
19
|
"data-testid": "textarea",
|
|
@@ -25,9 +25,9 @@ import '../../../../assets/textarea-86fWKmQJ.css';const N = "_Textarea_e95r3_1",
|
|
|
25
25
|
value: t,
|
|
26
26
|
className: o.Textarea,
|
|
27
27
|
onChange: (a) => m(a.target.value, e, "keyboard"),
|
|
28
|
-
onAnimationStart:
|
|
29
|
-
onFocus: () =>
|
|
30
|
-
onBlur: () =>
|
|
28
|
+
onAnimationStart: h,
|
|
29
|
+
onFocus: () => p(e),
|
|
30
|
+
onBlur: () => B(e)
|
|
31
31
|
}
|
|
32
32
|
) });
|
|
33
33
|
};
|