@pismo/marola 2.1.59 → 2.1.61
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/SelectButton-CmFJp2dA.js +58 -0
- package/dist/assets/DoubleAutocomplete.css +1 -1
- package/dist/assets/DoubleInput.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/TransactionRow.css +1 -1
- package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js +19 -19
- package/dist/components/DoubleInput/DoubleInput.js +10 -10
- package/dist/components/Input/Input.js +166 -166
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +7 -5
- package/dist/components/StepperNavigator/StepperNavigator.js +37 -35
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +1 -1
- package/dist/components/Toggle/Toggle.js +23 -23
- package/dist/components/TransactionRow/TransactionRow.js +55 -54
- package/dist/marola.css +1 -1
- package/package.json +1 -1
- package/dist/SelectButton-C7KNiPyJ.js +0 -58
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as x } from "react";
|
|
3
|
+
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
4
|
+
import { Icon as c } from "./components/Icon/Icon.js";
|
|
5
|
+
import { Typography as i } from "./components/Typography/Typography.js";
|
|
6
|
+
import './assets/SelectButton.css';const h = "_select__listbox__option__text_v81n3_66", f = "_select__wrapper_v81n3_79", w = "_select__label_v81n3_85", g = "_select_v81n3_58", y = "_select__popup_v81n3_100", N = "_select__listbox_v81n3_66", S = "_select__listbox__option_v81n3_66", j = "_select__listbox__option__icon_v81n3_130", t = {
|
|
7
|
+
"select-button__text": "_select-button__text_v81n3_58",
|
|
8
|
+
select__listbox__option__text: h,
|
|
9
|
+
select__wrapper: f,
|
|
10
|
+
"select__wrapper--fit-content-width": "_select__wrapper--fit-content-width_v81n3_82",
|
|
11
|
+
select__label: w,
|
|
12
|
+
"messages-wrapper": "_messages-wrapper_v81n3_93",
|
|
13
|
+
select: g,
|
|
14
|
+
select__popup: y,
|
|
15
|
+
select__listbox: N,
|
|
16
|
+
select__listbox__option: S,
|
|
17
|
+
select__listbox__option__icon: j,
|
|
18
|
+
"select__listbox__option--disabled": "_select__listbox__option--disabled_v81n3_133",
|
|
19
|
+
"select__listbox__option--selected": "_select__listbox__option--selected_v81n3_133",
|
|
20
|
+
"select-button": "_select-button_v81n3_58",
|
|
21
|
+
"select-button--full-width": "_select-button--full-width_v81n3_169",
|
|
22
|
+
"select-button--placeholder": "_select-button--placeholder_v81n3_172",
|
|
23
|
+
"select-button__icon": "_select-button__icon_v81n3_190",
|
|
24
|
+
"select-button--active": "_select-button--active_v81n3_193",
|
|
25
|
+
"select-button--error": "_select-button--error_v81n3_196",
|
|
26
|
+
"info-message": "_info-message_v81n3_226",
|
|
27
|
+
"error-message": "_error-message_v81n3_227"
|
|
28
|
+
}, R = x((_, r) => {
|
|
29
|
+
const { children: s, disabled: a, className: p, "data-testid": b, prefix: o, onClick: d, fullWidth: u, placeholder: v } = _, l = _["aria-expanded"];
|
|
30
|
+
return /* @__PURE__ */ n(
|
|
31
|
+
"button",
|
|
32
|
+
{
|
|
33
|
+
className: m(
|
|
34
|
+
p,
|
|
35
|
+
l ? t["select-button--active"] : "",
|
|
36
|
+
t["select-button"],
|
|
37
|
+
u && t["select-button--full-width"],
|
|
38
|
+
String(v) === String(s) && t["select-button--placeholder"]
|
|
39
|
+
),
|
|
40
|
+
type: "button",
|
|
41
|
+
onClick: d,
|
|
42
|
+
disabled: a,
|
|
43
|
+
"data-testid": b,
|
|
44
|
+
ref: r,
|
|
45
|
+
children: [
|
|
46
|
+
/* @__PURE__ */ n("span", { className: t["select-button__text"], children: [
|
|
47
|
+
o && /* @__PURE__ */ e(i, { variant: "base-lg", children: o }),
|
|
48
|
+
/* @__PURE__ */ e(i, { variant: "base-lg", children: s })
|
|
49
|
+
] }),
|
|
50
|
+
/* @__PURE__ */ e("span", { className: t["select-button__icon"], children: l ? /* @__PURE__ */ e(c, { icon: "chevron-up" }) : /* @__PURE__ */ e(c, { icon: "chevron-down" }) })
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
});
|
|
55
|
+
export {
|
|
56
|
+
R as S,
|
|
57
|
+
t as s
|
|
58
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._double-autocomplete-
|
|
1
|
+
._double-autocomplete-container_1kv6f_2{position:relative;display:flex;align-items:flex-end;width:100%}._double-autocomplete-container_1kv6f_2:focus-within:not(:has([class*=_input--error]),:has(:disabled)) *{border-color:var(--accent)}._double-autocomplete-container_1kv6f_2:hover:not(:has([class*=_input__messages-wrapper]:hover),:has([class*=_input--error]),:focus-within,:has(:disabled)) *,._double-autocomplete-container_1kv6f_2:focus *{border-color:var(--gray-75)}._double-autocomplete-container_1kv6f_2:has([class*=_input--error]) ._double-autocomplete-container__separator_1kv6f_17{border-color:var(--alert)}._double-autocomplete-container_1kv6f_2:has(input:disabled) ._double-autocomplete-container__separator_1kv6f_17{background-color:var(--colors-neutral-bg-color-bg-container-disabled)}._double-autocomplete-container_1kv6f_2 ._double-autocomplete_1kv6f_2{margin-bottom:0}._double-autocomplete-container_1kv6f_2 ._double-autocomplete__input-wrapper_1kv6f_26:not(:empty){padding-bottom:0}._double-autocomplete-container_1kv6f_2 ._double-autocomplete__label-inside_1kv6f_29{color:var(--gray-95);opacity:.45}._double-autocomplete-container_1kv6f_2 ._double-autocomplete_1kv6f_2 input{padding-bottom:.15rem;font-size:.875rem}._double-autocomplete-container__left-autocomplete_1kv6f_37 [class*=input-el-wrapper]{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}._double-autocomplete-container__right-autocomplete_1kv6f_42 [class*=input-el-wrapper]{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}._double-autocomplete-container__separator_1kv6f_17{display:flex;align-items:center;justify-content:center;min-width:1rem;height:2.5rem;border-top:solid .0625rem var(--gray-25);border-bottom:solid .0625rem var(--gray-25);transition:all .3s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._double-input-
|
|
1
|
+
._double-input-container_14q4h_2{position:relative;display:flex;width:100%}._double-input-container_14q4h_2:focus-within:not(:has([class*=_input--error]),:has(:disabled)) *{border-color:var(--accent)}._double-input-container_14q4h_2:hover:not(:has([class*=_input__messages-wrapper]:hover),:has([class*=_input--error]),:focus-within,:has(:disabled)) *,._double-input-container_14q4h_2:focus *{border-color:var(--gray-75)}._double-input-container_14q4h_2:has([class*=_input__messages-wrapper]){padding-bottom:1.6875rem}._double-input-container_14q4h_2:has([class*=_input__messages-wrapper]) ._double-input-container__left-input_14q4h_19>div,._double-input-container_14q4h_2:has([class*=_input__messages-wrapper]) ._double-input-container__right-input_14q4h_20>div{padding-bottom:0}._double-input-container_14q4h_2:has([class*=_input--error]) ._double-input-container__separator_14q4h_23{border-color:var(--alert)}._double-input-container_14q4h_2:has(input:disabled) ._double-input-container__separator_14q4h_23{background-color:var(--colors-neutral-bg-color-bg-container-disabled)}._double-input-container__left-input_14q4h_19>div>div{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}._double-input-container__right-input_14q4h_20>div>div{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}._double-input-container__separator_14q4h_23{display:flex;align-items:center;justify-content:center;min-width:1rem;border-top:solid .0625rem var(--gray-25);border-bottom:solid .0625rem var(--gray-25);transition:all .3s}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1u4jg_2{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1u4jg_9{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1u4jg_16{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1u4jg_23{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1u4jg_30{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1u4jg_37{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1u4jg_44{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1u4jg_50{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1u4jg_54{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1u4jg_58,._input__input-el_1u4jg_58{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1u4jg_62{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1u4jg_66,._input__input-el_1u4jg_58{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1u4jg_69{text-decoration:line-through}._u-typography-base--underlined_1u4jg_72{text-decoration:underline}._u-typography-base--strikethrough-underlined_1u4jg_75{text-decoration:underline line-through}._input_1u4jg_58{position:relative}._input_1u4jg_58:has(._input__messages-wrapper_1u4jg_82:not(:empty)){padding-bottom:1.6875rem}._input__label_1u4jg_85{display:block;margin-bottom:.3125rem;color:var(--colors-neutral-text-color-text)}._input__input-el-wrapper_1u4jg_90{display:flex;align-items:center;height:2.5rem;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el-wrapper_1u4jg_90:has(textarea){height:auto}._input__input-el-wrapper_1u4jg_90:has(input:disabled){background-color:var(--colors-neutral-bg-color-bg-container-disabled)}._input__input-el_1u4jg_58{all:unset;width:100%;height:2.5rem;padding:0 1rem;color:var(--gray-90);outline:none}._input__input-el_1u4jg_58::placeholder{color:var(--gray-50)}._input__left-icon_1u4jg_115,._input__right-icon_1u4jg_115{display:flex;align-items:center;justify-content:center;height:1rem}._input__left-icon_1u4jg_115{padding-left:1rem}._input__right-icon_1u4jg_115{padding-right:1rem}._input__messages-wrapper_1u4jg_82{position:absolute;display:flex;gap:1rem;justify-content:space-between;width:100%}._input__messages-wrapper_1u4jg_82:not(:empty){margin-top:.3125rem}._input__messages-wrapper_1u4jg_82 svg{min-width:1rem;min-height:1rem}._input__info-message_1u4jg_141,._input__error-message_1u4jg_141{display:flex;gap:.375rem;align-items:center}._input__info-message_1u4jg_141{color:var(--gray-75)}._input__error-message_1u4jg_141{color:var(--alert)}._input__chars-counter_1u4jg_152{margin-left:auto;color:var(--gray-75);white-space:nowrap}._input--disabled_1u4jg_157 ._input__input-el_1u4jg_58{color:var(--gray-50)}._input_1u4jg_58:has(._input--disabled_1u4jg_157) ._input__label_1u4jg_85{color:var(--gray-25)}._input--focused_1u4jg_163._input__input-el-wrapper_1u4jg_90{border-color:var(--accent)}._input--error_1u4jg_166._input__input-el-wrapper_1u4jg_90{border-color:var(--alert)}._input__input-el-wrapper_1u4jg_90:hover:not(._input--disabled_1u4jg_157,._input--focused_1u4jg_163,._input--error_1u4jg_166){border-color:var(--gray-75)}textarea._input__input-el_1u4jg_58{height:auto;padding:.5rem 1rem;overflow:hidden;resize:vertical}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_v81n3_2{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_v81n3_9{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_v81n3_16{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_v81n3_23{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_v81n3_30{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_v81n3_37{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_v81n3_44{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_v81n3_50{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_v81n3_54{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_v81n3_58,._select-button__text_v81n3_58{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_v81n3_62{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_v81n3_66,._select__listbox__option__text_v81n3_66{font-weight:var(--base-bold)}._u-typography-base--strikethrough_v81n3_69{text-decoration:line-through}._u-typography-base--underlined_v81n3_72{text-decoration:underline}._u-typography-base--strikethrough-underlined_v81n3_75{text-decoration:underline line-through}._select__wrapper_v81n3_79{position:relative}._select__wrapper--fit-content-width_v81n3_82{width:fit-content}._select__wrapper_v81n3_79 ._select__label_v81n3_85{display:block;margin-bottom:.3125rem;color:var(--colors-neutral-text-color-text)}._select__wrapper_v81n3_79:has(:disabled) ._select__label_v81n3_85{color:var(--gray-25)}._select__wrapper_v81n3_79:has(._messages-wrapper_v81n3_93:not(:empty)){padding-bottom:1.6875rem}._select_v81n3_58{background-color:transparent}._select__popup_v81n3_100{z-index:9999;width:100%}._select__listbox_v81n3_66{min-width:10.75rem;max-height:400px;padding:.5rem;margin-top:.25rem;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(var(--black-100-rgb),20%)}._select__listbox_v81n3_66 [class*=base-Option-highlighted]{outline:none}._select__listbox_v81n3_66 [class*=base-Option-highlighted]:not([class*=--selected]){color:var(--accent)}._select__listbox__option_v81n3_66{display:flex;gap:.5rem;align-items:center;padding:.625rem;color:var(--gray-90);list-style:none;cursor:pointer;border-radius:var(--border-radius-soft)}._select__listbox__option__icon_v81n3_130{display:flex}._select__listbox__option_v81n3_66:hover:not(._select__listbox__option--disabled_v81n3_133,._select__listbox__option--selected_v81n3_133){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_v81n3_66:active:not(._select__listbox__option--disabled_v81n3_133){color:var(--accent-dark)}._select__listbox__option--selected_v81n3_133{color:var(--gray-90);background-color:var(--accent-lighter)}._select__listbox__option--disabled_v81n3_133{color:var(--gray-50);cursor:default;background-color:var(--colors-neutral-bg-color-bg-container-disabled);border:transparent}._select-button_v81n3_58{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:11.875rem;min-width:fit-content;height:2.5rem;padding:.625rem 1rem;color:var(--gray-90);cursor:pointer;background-color:var(--white-100);border:1px solid var(--gray-25);border-radius:var(--border-radius);outline:none}._select-button--full-width_v81n3_169{width:100%}._select-button--placeholder_v81n3_172{color:var(--gray-50)}._select-button_v81n3_58+input[aria-hidden=true]{position:fixed!important}._select-button_v81n3_58 ._base-Select-popup_v81n3_178{z-index:1}._select-button__text_v81n3_58{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_v81n3_190{display:flex}._select-button--active_v81n3_193{border:1px solid var(--accent)}._select-button--error_v81n3_196{border:solid 1px var(--alert)}._select-button_v81n3_58:disabled{color:var(--gray-50);cursor:default;background-color:var(--colors-neutral-bg-color-bg-container-disabled);border:1px solid var(--gray-25)}._select-button_v81n3_58:hover:not(._select-button_v81n3_58:disabled,._select-button--active_v81n3_193,._select-button--error_v81n3_196){border:1px solid var(--gray-75)}._select-button_v81n3_58:focus:not(._select-button_v81n3_58:disabled,._select-button--error_v81n3_196),._select-button_v81n3_58:active:not(._select-button_v81n3_58:disabled,._select-button--error_v81n3_196){border:1px solid var(--accent)}._messages-wrapper_v81n3_93{position:absolute;display:flex;align-items:center;justify-content:space-between}._messages-wrapper_v81n3_93:not(:empty){margin-top:.3125rem}._messages-wrapper_v81n3_93 svg{min-width:1rem;min-height:1rem}._info-message_v81n3_226,._error-message_v81n3_227{display:flex;gap:.375rem;align-items:center}._info-message_v81n3_226{color:var(--gray-75)}._error-message_v81n3_227{color:var(--alert)}
|
package/dist/assets/Toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_spoae_2{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_spoae_9{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_spoae_16{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_spoae_23{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_spoae_30{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_spoae_37{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_spoae_44,._toggle__label_spoae_44{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_spoae_50{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_spoae_54{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_spoae_58{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_spoae_62{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_spoae_66{font-weight:var(--base-bold)}._u-typography-base--strikethrough_spoae_69{text-decoration:line-through}._u-typography-base--underlined_spoae_72{text-decoration:underline}._u-typography-base--strikethrough-underlined_spoae_75{text-decoration:underline line-through}._toggle_spoae_44{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_spoae_86{width:2.25rem;height:1.5rem}._toggle_spoae_44 ._input_spoae_90{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_spoae_44 ._thumb_spoae_101{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_spoae_44 ._track_spoae_115{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_spoae_125._toggle__toggle-el-wrapper_spoae_86 ._track_spoae_115{border:1px solid var(--black-100);opacity:1}._toggle--checked_spoae_129._toggle__toggle-el-wrapper_spoae_86 ._thumb_spoae_101{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_spoae_129._toggle__toggle-el-wrapper_spoae_86 ._track_spoae_115{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_spoae_44{color:var(--gray-75)}._toggle__toggle-el-wrapper_spoae_86:hover:not(._toggle--focus-visible_spoae_125,._toggle--checked_spoae_129,._toggle--disabled_spoae_142) ._track_spoae_115{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_spoae_86:hover:not(._toggle--focus-visible_spoae_125,._toggle--checked_spoae_129,._toggle--disabled_spoae_142) ._thumb_spoae_101{opacity:1}._toggle_spoae_44:has(._toggle__toggle-el-wrapper_spoae_86:hover:not(._toggle--focus-visible_spoae_125,._toggle--checked_spoae_129,._toggle--disabled_spoae_142)) ._toggle__label_spoae_44{color:var(--colors-neutral-text-color-text)}._toggle--disabled_spoae_142{cursor:auto}._toggle--disabled_spoae_142 ._toggle__label_spoae_44{color:var(--gray-50)}._toggle--disabled_spoae_142._toggle__toggle-el-wrapper_spoae_86 ._track_spoae_115{background-color:var(--colors-neutral-bg-color-bg-container-disabled);box-shadow:none;opacity:1}._toggle--disabled_spoae_142._toggle__toggle-el-wrapper_spoae_86 ._thumb_spoae_101{background-color:var(--gray-25);opacity:1}._toggle_spoae_44:has(._toggle--checked_spoae_129:not(._toggle--disabled_spoae_142)) ._toggle__label_spoae_44{font-weight:900;color:var(--accent)}._toggle_spoae_44:has(._toggle--focus-visible_spoae_125) ._toggle__label_spoae_44{color:var(--colors-neutral-text-color-text)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_f0c9g_1{width:100%;min-height:56px;border-top:1px solid var(--border-secondary)}._container__grid_f0c9g_6{display:grid;grid-template-columns:1fr 1.5fr .5fr 4.5fr 2.5fr 2fr;align-items:center;justify-content:space-between;height:56px;padding:12px 16px}._container--pending_f0c9g_14{display:flex;align-items:center;justify-content:flex-start;height:66px;padding:12px 16px}._container__pending-right_f0c9g_21{margin-left:auto}._container--two-line_f0c9g_24{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:72px;padding:16px}._container__avatar_f0c9g_32{background-color:var(--colors-neutral-bg-color-bg-container-disabled)}._container_f0c9g_1 :hover{cursor:pointer;background-color:var(--border-secondary)}._container__icon-wrapper_f0c9g_39{position:relative;display:inline-block}._container__pending-indicator_f0c9g_43{position:absolute;right:-6px;bottom:-6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;pointer-events:none;background-color:var(--colors-brand-primary-color-primary-bg);border-radius:50%}._container__two-line-content_f0c9g_56{display:flex;flex-direction:column;flex-grow:1;gap:.125rem;min-width:0}._container__two-line-primary_f0c9g_63{font-size:.875rem;font-weight:600;color:var(--gray-95)}._container__two-line-secondary_f0c9g_68{font-size:.75rem;color:var(--gray-75)}._container__two-line-right_f0c9g_72{display:flex;flex-direction:column;flex-shrink:0;gap:.125rem;align-items:flex-end;margin-left:auto}._container__two-line-right-primary_f0c9g_80{font-size:.875rem;font-weight:600;color:var(--gray-95)}._container__two-line-right-secondary_f0c9g_85{font-size:.75rem;color:var(--gray-75)}._container__info-section_f0c9g_89,._container__info-section--content_f0c9g_93{width:100%;overflow:hidden}._container__info-section--item_f0c9g_97{display:inline-flex;flex-shrink:0;padding-left:8px}._container__info-section--item_f0c9g_97:not(:last-child){flex-shrink:0}._container__info-section--item_f0c9g_97:last-child{flex-shrink:1;min-width:0;overflow:hidden}._container__info-section--item_f0c9g_97:not(:first-child){margin-left:8px;border-left:1px solid var(--border-secondary)}._container__info-section--right_f0c9g_114{display:flex;justify-content:flex-end}._container__truncate-text_f0c9g_118{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._container__separator_f0c9g_125{display:inline-block;width:1px;height:16px;margin:0 8px;vertical-align:middle;background-color:var(--border-secondary)}
|
|
@@ -21,35 +21,35 @@ import "../Tabs/Tabs.js";
|
|
|
21
21
|
import "../../Group-DJz1rK2n.js";
|
|
22
22
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
23
23
|
import '../../assets/DoubleAutocomplete.css';const e = {
|
|
24
|
-
"double-autocomplete-container": "_double-autocomplete-
|
|
25
|
-
"double-autocomplete-container__separator": "_double-autocomplete-
|
|
26
|
-
"double-autocomplete": "_double-
|
|
27
|
-
"double-autocomplete__input-wrapper": "_double-autocomplete__input-
|
|
28
|
-
"double-autocomplete__label-inside": "_double-autocomplete__label-
|
|
29
|
-
"double-autocomplete-container__left-autocomplete": "_double-autocomplete-container__left-
|
|
30
|
-
"double-autocomplete-container__right-autocomplete": "_double-autocomplete-container__right-
|
|
24
|
+
"double-autocomplete-container": "_double-autocomplete-container_1kv6f_2",
|
|
25
|
+
"double-autocomplete-container__separator": "_double-autocomplete-container__separator_1kv6f_17",
|
|
26
|
+
"double-autocomplete": "_double-autocomplete_1kv6f_2",
|
|
27
|
+
"double-autocomplete__input-wrapper": "_double-autocomplete__input-wrapper_1kv6f_26",
|
|
28
|
+
"double-autocomplete__label-inside": "_double-autocomplete__label-inside_1kv6f_29",
|
|
29
|
+
"double-autocomplete-container__left-autocomplete": "_double-autocomplete-container__left-autocomplete_1kv6f_37",
|
|
30
|
+
"double-autocomplete-container__right-autocomplete": "_double-autocomplete-container__right-autocomplete_1kv6f_42"
|
|
31
31
|
}, J = ({
|
|
32
32
|
separator: u,
|
|
33
|
-
useLabelInside:
|
|
33
|
+
useLabelInside: p = !1,
|
|
34
34
|
leftAutocompleteProps: t,
|
|
35
35
|
rightAutocompleteProps: a,
|
|
36
|
-
leftWidth:
|
|
37
|
-
rightWidth:
|
|
36
|
+
leftWidth: m = "auto",
|
|
37
|
+
rightWidth: r = "auto",
|
|
38
38
|
separatorStyles: _,
|
|
39
|
-
className:
|
|
40
|
-
"data-testid":
|
|
41
|
-
}) => /* @__PURE__ */ b("div", { className: l(e["double-autocomplete-container"],
|
|
39
|
+
className: n,
|
|
40
|
+
"data-testid": d
|
|
41
|
+
}) => /* @__PURE__ */ b("div", { className: l(e["double-autocomplete-container"], n), "data-testid": d, children: [
|
|
42
42
|
/* @__PURE__ */ o(
|
|
43
43
|
"div",
|
|
44
44
|
{
|
|
45
|
-
style: { minWidth:
|
|
45
|
+
style: { minWidth: m, maxWidth: m },
|
|
46
46
|
className: e["double-autocomplete-container__left-autocomplete"],
|
|
47
47
|
children: /* @__PURE__ */ o(
|
|
48
48
|
i,
|
|
49
49
|
{
|
|
50
50
|
...t,
|
|
51
|
-
label:
|
|
52
|
-
leftIcon:
|
|
51
|
+
label: p ? void 0 : t.label,
|
|
52
|
+
leftIcon: p ? /* @__PURE__ */ o(c, { className: e["double-autocomplete__label-inside"], element: "label", children: t.label }) : t.leftIcon,
|
|
53
53
|
classNameWrapper: l(t.classNameWrapper, e["double-autocomplete"]),
|
|
54
54
|
classNameInputWrapper: l(
|
|
55
55
|
t.classNameInputWrapper,
|
|
@@ -71,14 +71,14 @@ import '../../assets/DoubleAutocomplete.css';const e = {
|
|
|
71
71
|
/* @__PURE__ */ o(
|
|
72
72
|
"div",
|
|
73
73
|
{
|
|
74
|
-
style: { minWidth:
|
|
74
|
+
style: { minWidth: r, maxWidth: r },
|
|
75
75
|
className: e["double-autocomplete-container__right-autocomplete"],
|
|
76
76
|
children: /* @__PURE__ */ o(
|
|
77
77
|
i,
|
|
78
78
|
{
|
|
79
79
|
...a,
|
|
80
|
-
label:
|
|
81
|
-
leftIcon:
|
|
80
|
+
label: p ? void 0 : a.label,
|
|
81
|
+
leftIcon: p ? /* @__PURE__ */ o(c, { className: e["double-autocomplete__label-inside"], element: "label", children: a.label }) : a.leftIcon,
|
|
82
82
|
classNameWrapper: l(a.classNameWrapper, e["double-autocomplete"]),
|
|
83
83
|
classNameInputWrapper: l(
|
|
84
84
|
a.classNameInputWrapper,
|
|
@@ -2,14 +2,14 @@ import { jsxs as d, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { Input as o } from "../Input/Input.js";
|
|
4
4
|
import '../../assets/DoubleInput.css';const n = {
|
|
5
|
-
"double-input-container": "_double-input-
|
|
6
|
-
"double-input-container__left-input": "_double-input-container__left-
|
|
7
|
-
"double-input-container__right-input": "_double-input-container__right-
|
|
8
|
-
"double-input-container__separator": "_double-input-
|
|
5
|
+
"double-input-container": "_double-input-container_14q4h_2",
|
|
6
|
+
"double-input-container__left-input": "_double-input-container__left-input_14q4h_19",
|
|
7
|
+
"double-input-container__right-input": "_double-input-container__right-input_14q4h_20",
|
|
8
|
+
"double-input-container__separator": "_double-input-container__separator_14q4h_23"
|
|
9
9
|
}, h = ({
|
|
10
|
-
separator:
|
|
11
|
-
leftInputProps:
|
|
12
|
-
rightInputProps:
|
|
10
|
+
separator: u,
|
|
11
|
+
leftInputProps: a,
|
|
12
|
+
rightInputProps: r,
|
|
13
13
|
leftWidth: i = "auto",
|
|
14
14
|
rightWidth: e = "auto",
|
|
15
15
|
separatorStyles: _,
|
|
@@ -21,16 +21,16 @@ import '../../assets/DoubleInput.css';const n = {
|
|
|
21
21
|
{
|
|
22
22
|
style: { minWidth: i, maxWidth: i },
|
|
23
23
|
className: n["double-input-container__left-input"],
|
|
24
|
-
children: /* @__PURE__ */ t(o, { ...
|
|
24
|
+
children: /* @__PURE__ */ t(o, { ...a })
|
|
25
25
|
}
|
|
26
26
|
),
|
|
27
|
-
/* @__PURE__ */ t("div", { className: n["double-input-container__separator"], id: "double-input-separator", style: _, children:
|
|
27
|
+
/* @__PURE__ */ t("div", { className: n["double-input-container__separator"], id: "double-input-separator", style: _, children: u }),
|
|
28
28
|
/* @__PURE__ */ t(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
31
|
style: { minWidth: e, maxWidth: e },
|
|
32
32
|
className: n["double-input-container__right-input"],
|
|
33
|
-
children: /* @__PURE__ */ t(o, { ...
|
|
33
|
+
children: /* @__PURE__ */ t(o, { ...r })
|
|
34
34
|
}
|
|
35
35
|
)
|
|
36
36
|
] });
|