mimir-ui-kit 1.42.2 → 1.43.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/ProgressBar-COdzy3fY.js +67 -0
- package/dist/assets/MultiSelectSearch.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/Switcher.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/assets/hooks.css +1 -0
- package/dist/{combobox-Dv6-ANkb.js → combobox-fIVOzEhl.js} +6 -6
- package/dist/components/Accordion/Accordion.d.ts +6 -0
- package/dist/components/Accordion/Accordion.js +202 -182
- package/dist/components/AnchorLink/Link.d.ts +2 -0
- package/dist/components/AnchorLink/Link.js +54 -42
- package/dist/components/CheckboxMimir/CheckboxMimir.js +4 -4
- package/dist/components/DatePicker/DatePicker.d.ts +32 -0
- package/dist/components/DatePicker/DatePicker.js +125 -111
- package/dist/components/DatePicker/DatePickerModal.d.ts +5 -1
- package/dist/components/DatePicker/DatePickerModal.js +97 -75
- package/dist/components/DatePicker/MonthPickerModal.d.ts +5 -1
- package/dist/components/DatePicker/MonthPickerModal.js +96 -58
- package/dist/components/DatePicker/YearPickerModal.d.ts +5 -1
- package/dist/components/DatePicker/YearPickerModal.js +75 -57
- package/dist/components/Drawer/Drawer.d.ts +7 -1
- package/dist/components/Drawer/Drawer.js +122 -106
- package/dist/components/Drawer/hooks.d.ts +9 -0
- package/dist/components/Drawer/hooks.js +24 -0
- package/dist/components/Dropdown/Dropdown.d.ts +18 -1
- package/dist/components/Dropdown/Dropdown.js +361 -343
- package/dist/components/Dropdown/constants.d.ts +11 -0
- package/dist/components/Dropdown/constants.js +5 -0
- package/dist/components/Dropdown/hooks.d.ts +19 -0
- package/dist/components/Dropdown/hooks.js +11 -0
- package/dist/components/Dropdown/index.d.ts +1 -0
- package/dist/components/Dropdown/index.js +5 -2
- package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +8 -1
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +461 -302
- package/dist/components/MultiSelectSearch/constants.d.ts +6 -0
- package/dist/components/MultiSelectSearch/constants.js +7 -5
- package/dist/components/MultiSelectSearch/index.d.ts +1 -1
- package/dist/components/MultiSelectSearch/index.js +5 -4
- package/dist/components/MultiSelectSearch/types.d.ts +33 -1
- package/dist/components/MultiSelectSearch/utils.d.ts +1 -0
- package/dist/components/MultiSelectSearch/utils.js +31 -17
- package/dist/components/Pagination/Pagination.d.ts +23 -0
- package/dist/components/Pagination/Pagination.js +137 -99
- package/dist/components/RadioGroup/RadioGroup.js +3 -3
- package/dist/components/SelectSearch/SelectSearch.d.ts +8 -1
- package/dist/components/SelectSearch/SelectSearch.js +381 -220
- package/dist/components/SelectSearch/constants.d.ts +6 -0
- package/dist/components/SelectSearch/constants.js +3 -2
- package/dist/components/SelectSearch/index.d.ts +1 -1
- package/dist/components/SelectSearch/index.js +5 -4
- package/dist/components/SelectSearch/types.d.ts +32 -1
- package/dist/components/SelectSearch/utils.d.ts +2 -0
- package/dist/components/SelectSearch/utils.js +28 -14
- package/dist/components/Switcher/Switcher.js +66 -59
- package/dist/components/Switcher/types.d.ts +1 -0
- package/dist/components/TabTrail/TabTrail.d.ts +9 -0
- package/dist/components/TabTrail/TabTrail.js +198 -190
- package/dist/components/Toasts/ProgressBar.d.ts +4 -2
- package/dist/components/Toasts/ProgressBar.js +1 -1
- package/dist/components/Toasts/Toast.d.ts +5 -1
- package/dist/components/Toasts/Toast.js +59 -44
- package/dist/components/Toasts/ToastList.js +1 -1
- package/dist/components/Toasts/ToastsProvider.js +1 -1
- package/dist/components/index.d.ts +3 -2
- package/dist/components/index.js +154 -149
- package/dist/{field-BP5-U1Nr.js → field-BLi5834s.js} +2 -2
- package/dist/{focus-management-Dp2_vbQ3.js → focus-management-BAl0GmRk.js} +1 -1
- package/dist/{hidden-Dn4lM6EL.js → hidden-CkTYbiNM.js} +1 -1
- package/dist/hooks/useTimer/index.d.ts +2 -1
- package/dist/hooks/useTimer/index.js +55 -41
- package/dist/hooks-HgN6Yauq.js +117 -0
- package/dist/index.js +182 -177
- package/dist/{keyboard-CUMsrFX1.js → keyboard-wis2TUql.js} +2 -2
- package/dist/{label-DOlEWXBl.js → label-BmphTIGY.js} +2 -2
- package/dist/{open-closed-CkTbpRyi.js → open-closed-CJijMeI2.js} +1 -1
- package/dist/{portal-C_u5auU1.js → portal-BnEqSZwo.js} +2 -2
- package/dist/{use-active-press-BVQqDQ3V.js → use-active-press-CnDeVvQq.js} +1 -1
- package/dist/{use-is-mounted-D7cq4xsa.js → use-is-mounted-MBU4fiLr.js} +1 -1
- package/package.json +3 -1
- package/dist/ProgressBar-DEFs1tWq.js +0 -55
- package/dist/assets/Dropdown.css +0 -1
- package/dist/components/Pagination/types.d.ts +0 -0
@@ -0,0 +1,67 @@
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
2
|
+
import { c as u } from "./index-DIxK0V-G.js";
|
3
|
+
import { memo as p, useRef as r, useEffect as f } from "react";
|
4
|
+
import { DEFAULT_TOAST_DURATION as z, EToastVariant as g } from "./components/Toasts/constants.js";
|
5
|
+
import './assets/ProgressBar.css';const d = "_title_1z0br_37", A = "_timer_1z0br_41", T = "_seconds_1z0br_51", h = "_message_1z0br_61", w = "_progress_1z0br_69", D = "_slot_1z0br_95", F = "_success_1z0br_104", R = "_alarm_1z0br_109", E = "_error_1z0br_114", o = {
|
6
|
+
"toast-list": "_toast-list_1z0br_2",
|
7
|
+
"toast-wrapper": "_toast-wrapper_1z0br_24",
|
8
|
+
title: d,
|
9
|
+
timer: A,
|
10
|
+
"timer-title": "_timer-title_1z0br_49",
|
11
|
+
seconds: T,
|
12
|
+
message: h,
|
13
|
+
progress: w,
|
14
|
+
"progress-bar": "_progress-bar_1z0br_78",
|
15
|
+
"close-button": "_close-button_1z0br_89",
|
16
|
+
slot: D,
|
17
|
+
default: "_default_1z0br_99",
|
18
|
+
success: F,
|
19
|
+
alarm: R,
|
20
|
+
error: E,
|
21
|
+
"top-right": "_top-right_1z0br_119",
|
22
|
+
"top-center": "_top-center_1z0br_125",
|
23
|
+
"top-left": "_top-left_1z0br_131",
|
24
|
+
"bottom-left": "_bottom-left_1z0br_136",
|
25
|
+
"bottom-center": "_bottom-center_1z0br_141",
|
26
|
+
"bottom-right": "_bottom-right_1z0br_147",
|
27
|
+
"toast-in": "_toast-in_1z0br_179",
|
28
|
+
"toast-out": "_toast-out_1z0br_183"
|
29
|
+
}, x = p(
|
30
|
+
({
|
31
|
+
duration: _ = z,
|
32
|
+
variant: b = g.DEFAULT,
|
33
|
+
isPaused: n = !1
|
34
|
+
}) => {
|
35
|
+
const t = r(), e = r(null), c = r(Date.now()), s = r(0);
|
36
|
+
return f(() => {
|
37
|
+
if (n)
|
38
|
+
t.current && cancelAnimationFrame(t.current);
|
39
|
+
else {
|
40
|
+
c.current = Date.now() - s.current;
|
41
|
+
const a = () => {
|
42
|
+
const l = Date.now();
|
43
|
+
s.current = l - c.current;
|
44
|
+
const i = Math.min(
|
45
|
+
s.current / _ * 100,
|
46
|
+
100
|
47
|
+
);
|
48
|
+
e.current && (e.current.style.width = `${i}%`), i < 100 && (t.current = requestAnimationFrame(a));
|
49
|
+
};
|
50
|
+
t.current = requestAnimationFrame(a);
|
51
|
+
}
|
52
|
+
return () => {
|
53
|
+
t.current && cancelAnimationFrame(t.current);
|
54
|
+
};
|
55
|
+
}, [_, n]), /* @__PURE__ */ m("div", { className: o.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ m(
|
56
|
+
"div",
|
57
|
+
{
|
58
|
+
ref: e,
|
59
|
+
className: u(o["progress-bar"], o[b])
|
60
|
+
}
|
61
|
+
) });
|
62
|
+
}
|
63
|
+
);
|
64
|
+
export {
|
65
|
+
x as P,
|
66
|
+
o as c
|
67
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
._multi-select-
|
1
|
+
._multi-select-search_1b2pk_2{position:relative}._multi-select-search_1b2pk_2._disabled_1b2pk_5{cursor:not-allowed}._container_1b2pk_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1b2pk_18{border-bottom:1px solid var(--citrine-100)}._group-header_1b2pk_22{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;width:100%;padding:var(--select-search-option-space);background-color:var(--black-10);border-bottom:1px solid var(--black-20)}._group-header_1b2pk_22._sticky-active_1b2pk_33{box-shadow:0 2px 4px #0000001a}._loader_1b2pk_37{display:flex;gap:var(--mimir-space-m)}._input-container_1b2pk_42{position:relative;width:100%}._full_1b2pk_47{width:100%}._selected-icon_1b2pk_51 path{fill:var(--sapphire-100)}._selector-icon-open_1b2pk_55{transform:rotate(180deg)}._button_1b2pk_59{display:flex;align-items:center;background:none;border:none;cursor:pointer}._button_1b2pk_59._disabled_1b2pk_5{cursor:not-allowed}._button_1b2pk_59._disabled_1b2pk_5 ._selector-icon_1b2pk_55 path{fill:var(--white)}._options_1b2pk_73{position:absolute;z-index:10;width:100%;min-height:50%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);box-shadow:var(--mimir-box-shadow-select-search);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}._options_1b2pk_73._visible_1b2pk_86{opacity:1}._options_1b2pk_73._top_1b2pk_89{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_1b2pk_73._bottom_1b2pk_94{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_1b2pk_73::-webkit-scrollbar{width:3px}._options_1b2pk_73::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_1b2pk_73::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1b2pk_73{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_1b2pk_115{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_1b2pk_2{--select-search-height: var(--mimir-select-search-height-l);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius);--select-search-gap: var(--mimir-space-2xs);--select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--multi-select-input-disabled-margin-right: var(--mimir-space-l)}._l_1b2pk_37{--select-search-height: var(--mimir-select-search-height-xxl);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius-s);--select-search-gap: var(--mimir-space-xs);--select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--multi-select-input-disabled-margin-right: var(--mimir-space-1xl)}._multi-select-input-disabled_1b2pk_151{margin-right:var(--multi-select-input-disabled-margin-right)}._multi-select-input_1b2pk_151._focused_1b2pk_154{height:auto;min-height:var(--input-height);overflow:hidden;resize:vertical}._multi-select-input_1b2pk_151:last-child{padding-right:var(--mimir-space-4xl)}._option_1b2pk_73{display:flex;gap:var(--mimir-space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1b2pk_173{background-color:var(--black-5)}._option-inner_1b2pk_176{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._chip_1b2pk_183{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._chip-container_1b2pk_188{display:flex;flex-wrap:wrap;gap:var(--mimir-space-2xs);margin-top:var(--mimir-space-xs)}._chip-root_1b2pk_194{max-width:100%}._right-slot_1b2pk_198{order:2;padding-top:0!important}._required-mark_1b2pk_203{order:1;margin-right:var(--mimir-space-xs)}._clear_1b2pk_208{position:absolute;top:50%;right:var(--clear-right);transform:translateY(-50%)}._clear_1b2pk_208._disabled_1b2pk_5{cursor:not-allowed}._clear_1b2pk_208._disabled_1b2pk_5 ._icon-button_1b2pk_217 path{fill:var(--white)}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._pagination-button_uqdck_2{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);background-color:transparent;border-radius:var(--mimir-control-radius);font-feature-settings:"zero"}._pagination-button_uqdck_2:active{background-color:var(--pagination-active)}._pagination-button_uqdck_2:focus-visible,._pagination-button_uqdck_2:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._pagination-button_uqdck_2._is-active_uqdck_23{background-color:var(--pagination-active)}._container_uqdck_27{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_uqdck_27:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}@media (max-width: 767.9px){._container_uqdck_27{gap:var(--mimir-space-xs)}}._container_uqdck_27 ._ellipsis_uqdck_42{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}._disabled_uqdck_47{pointer-events:none}._disabled_uqdck_47 ._pagination-button_uqdck_2{color:var(--disabled-color)}
|
@@ -1 +1 @@
|
|
1
|
-
._select-
|
1
|
+
._select-search_1rthm_2{position:relative;isolation:isolate}._select-search_1rthm_2._disabled_1rthm_6{cursor:not-allowed}._select-search_1rthm_2:has([data-headlessui-state=open]){z-index:100}._container_1rthm_13{position:relative;z-index:10;display:block;align-items:center;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_1rthm_22{border-bottom:1px solid var(--citrine-100)}._full_1rthm_26{width:100%}._selected-icon_1rthm_30 path{fill:var(--sapphire-100)}._selector-icon-open_1rthm_34{transform:rotate(180deg)}._button_1rthm_38{display:flex;align-items:center;background:none;border:none;cursor:pointer}._button_1rthm_38._disabled_1rthm_6{cursor:not-allowed}._button_1rthm_38._disabled_1rthm_6 ._selector-icon_1rthm_34 path{fill:var(--white)}._options_1rthm_52{position:absolute;z-index:5;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);box-shadow:var(--mimir-box-shadow-select-search)}._options_1rthm_52._top_1rthm_63{bottom:90%;margin-bottom:1px;padding-bottom:5px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_1rthm_52._bottom_1rthm_69{top:90%;margin-top:1px;padding-top:5px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_1rthm_52._no-options_1rthm_75{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._options_1rthm_52::-webkit-scrollbar{width:3px}._options_1rthm_52::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_1rthm_52::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1rthm_52{max-height:var(--mimir-select-search-options-height-mobile)}}._s_1rthm_2{--mimir-select-search-height: var(--mimir-select-search-height-s);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._m_1rthm_110{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._l_1rthm_123{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--select-input-disabled-margin-right: var(--mimir-space-1xl);--required-mark-space-right: var(--mimir-space-xs)}._select-search-input_1rthm_136{width:100%!important}._select-search-input-disabled_1rthm_139{margin-right:var(--select-input-disabled-margin-right)}._select-search-input_1rthm_136:last-child{padding-right:var(--mimir-space-4xl)}._group-header_1rthm_146{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;width:100%;padding:var(--mimir-select-search-option-space);background-color:var(--black-10);border-bottom:1px solid var(--black-20)}._group-header_1rthm_146._sticky-active_1rthm_157{box-shadow:0 2px 4px #0000001a}._loader_1rthm_161{display:flex;gap:var(--mimir-space-m)}._input-container_1rthm_166{position:relative;width:100%}._option_1rthm_52{display:flex;gap:var(--mimir-space-m);align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1rthm_180{background-color:var(--black-5)}._option-inner_1rthm_183{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_1rthm_190{order:2;padding-top:0!important}._required-mark_1rthm_195{order:1;margin-right:var(--required-mark-space-right)}._clear_1rthm_200{position:absolute;top:50%;right:var(--clear-right);transform:translateY(-50%)}._clear_1rthm_200._disabled_1rthm_6{cursor:not-allowed}._clear_1rthm_200._disabled_1rthm_6 ._icon-button_1rthm_209 path{fill:var(--white)}
|
package/dist/assets/Switcher.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._switcher-
|
1
|
+
._switcher-wrapper_15kgl_2{--switcher-width: 40px;--switcher-height: 24px;--switcher-bg-color: var(--asphalt-normal);--switcher-thumb-size: 22px;--switcher-thumb-offset: 1px;--switcher-thumb-transform: translateX(var(--mimir-space-m));--switcher-loading-color: var(--sapphire-normal);display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs)}._switcher-wrapper_15kgl_2._left_15kgl_15{flex-direction:row}._switcher-wrapper_15kgl_2._right_15kgl_18{flex-direction:row-reverse}._label_15kgl_22{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._switcher_15kgl_2{position:relative;width:var(--switcher-width);height:var(--switcher-height);background-color:var(--switcher-bg-color);border-radius:var(--mimir-control-input-radius);cursor:pointer;transition:background-color .2s ease-in-out}._switcher_15kgl_2:focus-visible,._switcher_15kgl_2:active{box-shadow:var(--mimir-box-shadow-default)}._switcher_15kgl_2:hover{--switcher-bg-color: var(--asphalt-hover)}._switcher_15kgl_2:disabled{--switcher-bg-color: var(--disabled);cursor:not-allowed}._switcher_15kgl_2._switcher-checked_15kgl_47{--switcher-bg-color: var(--sapphire-normal)}._switcher_15kgl_2._switcher-checked_15kgl_47:hover{--switcher-bg-color: var(--sapphire-hover)}._switcher_15kgl_2._switcher-checked_15kgl_47:disabled{--switcher-bg-color: var(--mimir-control-default)}._switcher-thumb_15kgl_57{position:absolute;top:var(--switcher-thumb-offset);left:var(--switcher-thumb-offset);width:var(--switcher-thumb-size);height:var(--switcher-thumb-size);background-color:#fff;border-radius:50%;transition:transform .2s ease-in-out}._switcher-thumb_15kgl_57._switcher-checked-thumb_15kgl_67{transform:var(--switcher-thumb-transform)}._switcher-thumb_15kgl_57._switcher-loading_15kgl_70{display:flex;align-items:center;justify-content:center;overflow:hidden}@keyframes _loading-rotate_15kgl_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading-indicator_15kgl_85{position:absolute;width:14px;height:14px;border:2px solid transparent;border-top-color:var(--switcher-loading-color);border-radius:50%;animation:_loading-rotate_15kgl_1 .8s infinite linear}
|
package/dist/assets/TabTrail.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._container_109vo_2{position:relative}._group_109vo_6{--tab-indicator-color: var(--sapphire-normal);position:relative}._group-inner_109vo_10{display:flex;gap:var(--mimir-space-4xl);align-items:center;margin-left:calc(var(--tab-trail-margin-left) * -1)}._tab_109vo_17{position:relative;display:flex;gap:var(--mimir-space-2xs);align-items:center;height:var(--mimir-tab-trail-height);padding:0 var(--tab-padding);color:var(--disabled-color);font-weight:var(--mimir-font-weight-text-medium);font-size:var(--tab-trail-font-size);font-family:var(--mimir-font-montserrat)}._tab_109vo_17[data-active=true]:after{background-color:var(--tab-indicator-color)!important}._tab_109vo_17:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;transition:background-color .3s ease;content:""}._tab_109vo_17[data-selected]{color:var(--black-100)}._tab_109vo_17[data-selected]:after{background-color:var(--sapphire-100)}._tab_109vo_17:not([data-selected]){filter:grayscale(100%) opacity(.7)}._tab_109vo_17:not([data-selected]):after{background-color:var(--white)}._list_109vo_55{display:flex;align-items:center;overflow:auto;white-space:nowrap;scroll-behavior:smooth}._list_109vo_55::-webkit-scrollbar{display:none}._tabs_109vo_66{display:flex;align-items:center;padding-top:var(--tabs-padding-top)}._buttons_109vo_72{position:relative;display:flex;height:100%;max-height:40px}._m_109vo_79{--tab-trail-font-size: var(--mimir-size-text-xl3);--mimir-tab-trail-height: var(--mimir-tab-trail-height-m);--tabs-padding-top: var(--mimir-space-xs);--tab-padding: var(--mimir-space-m);--tab-trail-margin-left: var(--mimir-space-m)}._s_109vo_87{--tab-trail-font-size: var(--mimir-size-text-xl);--mimir-tab-trail-height: var(--mimir-tab-trail-height-s);--tabs-padding-top: var(--mimir-space-3xs);--tab-padding: var(--mimir-space-s);--tab-trail-margin-left: var(--mimir-space-s)}
|
@@ -0,0 +1 @@
|
|
1
|
+
._menu_179ng_2{position:relative}._menu_179ng_2 ._menu-button_179ng_5{all:unset;cursor:pointer}._menu-items_179ng_10{position:absolute;z-index:10000;width:220px;margin-top:var(--mimir-space-3xs);padding:var(--mimir-space-l) var(--mimir-space-xl);overflow:hidden!important;background-color:var(--white);box-shadow:0 3px 15px #1f202326}._menu-items--black_179ng_20{background-color:var(--black-80);color:var(--white)}._menu-items-with-arrow_179ng_24{position:relative;overflow:visible!important}._position-bottom_179ng_29,._position-bottom-start_179ng_30,._position-bottom-end_179ng_31{margin-top:var(--mimir-space-3xs)}._position-top_179ng_35,._position-top-start_179ng_36,._position-top-end_179ng_37{transform:translateY(calc(-1 * var(--mimir-space-3xs)))}._position-left_179ng_41,._position-left-start_179ng_42,._position-left-end_179ng_43{transform:translate(calc(-1 * var(--mimir-space-3xs)))}._position-right_179ng_47,._position-right-start_179ng_48,._position-right-end_179ng_49{margin-left:var(--mimir-space-3xs)}._arrow-position-bottom_179ng_53,._arrow-position-bottom-start_179ng_54,._arrow-position-bottom-end_179ng_55{margin-top:5px}._arrow-position-top_179ng_59,._arrow-position-top-start_179ng_60,._arrow-position-top-end_179ng_61{transform:translateY(-7px)}._arrow-position-left_179ng_65,._arrow-position-left-start_179ng_66,._arrow-position-left-end_179ng_67{transform:translate(-5px)}._arrow-position-right_179ng_71,._arrow-position-right-start_179ng_72,._arrow-position-right-end_179ng_73{margin-left:5px}._arrow_179ng_53{position:absolute;width:0;height:0;z-index:11}._arrow-bottom_179ng_83{top:-5px;left:50%;transform:translate(-50%);border-left:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-1xs) solid var(--white)}._arrow-bottom-start_179ng_91{top:-5px;left:var(--mimir-space-1xl);border-left:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-1xs) solid var(--white)}._arrow-bottom-end_179ng_98{top:-5px;right:var(--mimir-space-1xl);left:auto;border-left:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-1xs) solid var(--white)}._arrow-top_179ng_106{bottom:-5px;left:50%;transform:translate(-50%);border-left:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-xss) solid transparent;border-top:var(--mimir-space-1xs) solid var(--white)}._arrow-top-start_179ng_114{bottom:-5px;left:var(--mimir-space-1xl);border-left:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-xss) solid transparent;border-top:var(--mimir-space-1xs) solid var(--white)}._arrow-top-end_179ng_121{bottom:-5px;right:var(--mimir-space-1xl);left:auto;border-left:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-xss) solid transparent;border-top:var(--mimir-space-1xs) solid var(--white)}._arrow-left_179ng_129{right:-5px;top:50%;transform:translateY(-50%);border-top:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-xss) solid transparent;border-left:var(--mimir-space-1xs) solid var(--white)}._arrow-left-start_179ng_137{right:-5px;top:var(--mimir-space-1xs);border-top:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-xss) solid transparent;border-left:var(--mimir-space-1xs) solid var(--white)}._arrow-left-end_179ng_144{right:-5px;bottom:var(--mimir-space-1xs);top:auto;border-top:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-xss) solid transparent;border-left:var(--mimir-space-1xs) solid var(--white)}._arrow-right_179ng_152{left:-5px;top:50%;transform:translateY(-50%);border-top:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-1xs) solid var(--white)}._arrow-right-start_179ng_160{left:-5px;top:var(--mimir-space-1xs);border-top:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-1xs) solid var(--white)}._arrow-right-end_179ng_167{left:-5px;bottom:var(--mimir-space-1xs);top:auto;border-top:var(--mimir-space-xss) solid transparent;border-bottom:var(--mimir-space-xss) solid transparent;border-right:var(--mimir-space-1xs) solid var(--white)}._arrow-black_179ng_175._arrow-bottom_179ng_83,._arrow-black_179ng_175._arrow-bottom-start_179ng_91,._arrow-black_179ng_175._arrow-bottom-end_179ng_98{border-bottom-color:var(--black-80)}._arrow-black_179ng_175._arrow-top_179ng_106,._arrow-black_179ng_175._arrow-top-start_179ng_114,._arrow-black_179ng_175._arrow-top-end_179ng_121{border-top-color:var(--black-80)}._arrow-black_179ng_175._arrow-left_179ng_129,._arrow-black_179ng_175._arrow-left-start_179ng_137,._arrow-black_179ng_175._arrow-left-end_179ng_144{border-left-color:var(--black-80)}._arrow-black_179ng_175._arrow-right_179ng_152,._arrow-black_179ng_175._arrow-right-start_179ng_160,._arrow-black_179ng_175._arrow-right-end_179ng_167{border-right-color:var(--black-80)}._menu-items-container_179ng_188{display:flex;flex-direction:column;gap:var(--mimir-space-m)}._close-button_179ng_194{position:absolute;top:var(--mimir-space-xs);right:var(--mimir-space-xs)}._enter_179ng_200{transition:opacity .15s ease-out,transform .15s ease-out}._enter-from_179ng_204{transform:translateY(calc(var(--mimir-space-xxs) * -1));opacity:0}._enter-to_179ng_209{transform:translateY(0);opacity:1}._leave_179ng_214{transition:opacity .15s ease-in,transform .2s ease-in}._leave-from_179ng_218{transform:translateY(0);opacity:1}._leave-to_179ng_223{transform:translateY(calc(var(--mimir-space-xxs) * -1));opacity:0}
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import { n as W, u as Ae, d as fe, o as f, M as Re, W as ae, a as te, H as ue, y as pe, p as Ke, $ as Le, b as ke, D as Oe, I as je, s as qe, c as D } from "./keyboard-
|
1
|
+
import { n as W, u as Ae, d as fe, o as f, M as Re, W as ae, a as te, H as ue, y as pe, p as Ke, $ as Le, b as ke, D as Oe, I as je, s as qe, c as D } from "./keyboard-wis2TUql.js";
|
2
2
|
import { u as Ye } from "./index-D5H8gPPn.js";
|
3
3
|
import w, { useRef as H, useEffect as Ne, useState as Se, createContext as he, useReducer as Xe, createRef as Qe, useCallback as ge, useMemo as j, useId as ve, useContext as Ie, Fragment as Ve } from "react";
|
4
4
|
import { flushSync as ee } from "react-dom";
|
5
|
-
import { w as Je } from "./use-active-press-
|
5
|
+
import { w as Je } from "./use-active-press-CnDeVvQq.js";
|
6
6
|
import { u as Ze } from "./use-by-comparator-CVuf9KBq.js";
|
7
|
-
import { K as et, a as tt, b as ot, T as nt, z as it, j as rt, u as lt, I as Te, G as at } from "./label-
|
8
|
-
import { c as ut, E as st, R as dt, v as ct, y as pt, n as He, x as vt, a as mt, b as bt, m as ft, f as gt, d as we, t as xt, g as Et } from "./portal-
|
7
|
+
import { K as et, a as tt, b as ot, T as nt, z as it, j as rt, u as lt, I as Te, G as at } from "./label-BmphTIGY.js";
|
8
|
+
import { c as ut, E as st, R as dt, v as ct, y as pt, n as He, x as vt, a as mt, b as bt, m as ft, f as gt, d as we, t as xt, g as Et } from "./portal-BnEqSZwo.js";
|
9
9
|
import { e as Ot } from "./use-resolve-button-type-DhFdPxnv.js";
|
10
|
-
import { c as St, i as ce, u as ht, R as It, H as Tt } from "./open-closed-
|
11
|
-
import { f as yt, _ as Ct } from "./focus-management-
|
10
|
+
import { c as St, i as ce, u as ht, R as It, H as Tt } from "./open-closed-CJijMeI2.js";
|
11
|
+
import { f as yt, _ as Ct } from "./focus-management-BAl0GmRk.js";
|
12
12
|
import { r as $t } from "./bugs-diTMAGNw.js";
|
13
13
|
let xe = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map();
|
14
14
|
function Pe(e) {
|
@@ -40,6 +40,12 @@ export type TProps = {
|
|
40
40
|
showTitleByDefault?: boolean;
|
41
41
|
/** Контент аккордеона. */
|
42
42
|
children?: ReactNode | ((props: TChildrenProps) => ReactNode);
|
43
|
+
/** Флаг, контролирующий открытие аккордеона (для контролируемого компонента) */
|
44
|
+
activeKey?: boolean;
|
45
|
+
/** Флаг, определяющий начальное состояние аккордеона (для неконтролируемого компонента) */
|
46
|
+
defaultActiveKey?: boolean;
|
47
|
+
/** Обработчик изменения состояния открытия */
|
48
|
+
onChange?: (isOpen: boolean) => void;
|
43
49
|
};
|
44
50
|
export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
|
45
51
|
export {};
|