@pismo/marola 2.1.64 → 2.1.66
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/Button-CJaBSdv1.js +135 -0
- package/dist/ClassNameConfigurator-CVRWfyIa.js +847 -0
- package/dist/{ClickAwayListener-Z08peX_P.js → ClickAwayListener-BnYMO5Ki.js} +26 -33
- package/dist/Popup-D267EI4e.js +1338 -0
- package/dist/{Portal-DJapUCn6.js → Portal-BrGvxB96.js} +32 -36
- package/dist/RadioOption-DyRY8xlF.js +1094 -0
- package/dist/{Toggle-DcZTfLrC.js → Toggle-nnDfpqI1.js} +31 -31
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/DropdownMenu.css +1 -1
- package/dist/assets/ToastCard.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/combineHooksSlotProps-j-8UVeYo.js +86 -0
- package/dist/components/Alert/Alert.stories.d.ts +6 -6
- package/dist/components/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/components/Autocomplete/Autocomplete.js +311 -320
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +1 -1
- package/dist/components/Avatar/Avatar.stories.d.ts +4 -4
- package/dist/components/BankingCard/BankingCard.d.ts +0 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Checkbox/Checkbox.js +56 -56
- package/dist/components/Checkbox/Checkbox.stories.d.ts +8 -8
- package/dist/components/Chip/Chip.js +3 -3
- package/dist/components/DatePicker/DatePicker.js +742 -639
- package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -8
- package/dist/components/DatePicker/dateUtils.d.ts +2 -2
- package/dist/components/DatePicker/dateUtils.js +1 -1
- package/dist/components/DatePicker/keyboardNavigation.d.ts +1 -1
- package/dist/components/DatePicker/renderCalendarDays.js +1 -1
- package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +372 -352
- package/dist/components/Dialog/Dialog.stories.d.ts +96 -135
- package/dist/components/DoubleAutocomplete/DoubleAutocomplete.d.ts +1 -1
- package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js +2 -2
- package/dist/components/DoubleAutocomplete/DoubleAutocomplete.stories.d.ts +1 -1
- package/dist/components/DoubleInput/DoubleInput.stories.d.ts +1 -1
- package/dist/components/Draggable/Draggable.d.ts +0 -1
- package/dist/components/Draggable/Draggable.js +1 -1
- package/dist/components/Draggable/Draggable.stories.d.ts +2 -3
- package/dist/components/Draggable/useDraggable.js +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +3 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +39 -34
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +6 -4
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +4 -4
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.js +335 -320
- package/dist/components/InputSearch/InputSearch.d.ts +31 -31
- package/dist/components/InputSearch/InputSearch.stories.d.ts +31 -31
- package/dist/components/Popover/Popover.d.ts +3 -3
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Popover/Popover.stories.d.ts +3 -3
- package/dist/components/Popover/PopoverBody.d.ts +0 -1
- package/dist/components/Popover/PopoverFooter.d.ts +0 -1
- package/dist/components/Popover/PopoverHeader.d.ts +0 -1
- package/dist/components/RadioButton/RadioButton.d.ts +0 -1
- package/dist/components/RadioButton/RadioButton.js +684 -769
- package/dist/components/RadioButton/RadioOption.d.ts +0 -1
- package/dist/components/RadioButton/RadioOption.js +3 -3
- package/dist/components/ResultContainer/ResultContainer.d.ts +0 -1
- package/dist/components/ResultContainer/ResultContainer.stories.d.ts +9 -9
- package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
- package/dist/components/ResultWithChips/ResultWithChips.stories.d.ts +9 -9
- package/dist/components/RowItem/RowItem.js +2 -2
- package/dist/components/Select/Select.js +625 -591
- package/dist/components/Skeleton/Skeleton.d.ts +0 -1
- package/dist/components/Snackbar/Snackbar.js +295 -239
- package/dist/components/Snackbar/Snackbar.stories.d.ts +113 -113
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -1
- package/dist/components/Table/Table.stories.d.ts +5 -5
- package/dist/components/Tabs/Tab.js +107 -98
- package/dist/components/Tabs/TabPanel.js +58 -55
- package/dist/components/Tabs/Tabs.js +246 -231
- package/dist/components/ToastCard/ToastCard.js +31 -31
- package/dist/components/Toggle/Toggle.js +147 -137
- package/dist/components/Toggle/Toggle.stories.d.ts +5 -5
- package/dist/components/ToggleGroup/Toggle.d.ts +0 -1
- package/dist/components/ToggleGroup/Toggle.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +266 -325
- package/dist/components/Tooltip/Tooltip.stories.d.ts +4 -4
- package/dist/components/TransactionRow/TransactionRow.stories.d.ts +21 -21
- package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +0 -1
- package/dist/contexts/DraggableProvider/DraggableProvider.js +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
- package/dist/{dayjs.min-ClQKmc--.js → dayjs.min-BtgZiFZY.js} +14 -14
- package/dist/getReactElementRef-iorwYm2A.js +19 -0
- package/dist/{index-1UpBa69h.js → index-ew-96uBP.js} +2129 -2128
- package/dist/isFocusVisible-CPZqtjv2.js +12 -0
- package/dist/main.js +2 -2
- package/dist/{ownerDocument-By592Iy6.js → ownerDocument-CU-LCrtd.js} +1 -1
- package/dist/react-BTbo_5A3.js +526 -0
- package/dist/setRef-Bo0HEdBB.js +6 -0
- package/dist/useButton-C2E_LFJp.js +90 -0
- package/dist/useControlled-BYdyS7Pn.js +31 -0
- package/dist/useId-CK6Kn3Tn.js +21 -0
- package/dist/useList-BLW78Lq7.js +446 -0
- package/dist/utils/draggable.d.ts +2 -2
- package/dist/utils/iconsList.js +118 -112
- package/package.json +1 -1
- package/dist/Button-BrEDdtHO.js +0 -130
- package/dist/Popup-Dffqo7wT.js +0 -1246
- package/dist/RadioOption-DYovqiwF.js +0 -720
- package/dist/combineHooksSlotProps-BhQ14uyD.js +0 -79
- package/dist/exactProp-SYjL19cU.js +0 -13
- package/dist/react-BvI-Sw9b.js +0 -509
- package/dist/useButton-CezPDte8.js +0 -105
- package/dist/useControlled-CCMYYdCM.js +0 -31
- package/dist/useId-BW-oWmul.js +0 -19
- package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
- package/dist/useList-nqLfZem8.js +0 -435
- package/dist/useSlotProps-CYHDC4TN.js +0 -834
- package/dist/useTimeout-DxF9kiZL.js +0 -36
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i, jsxs as k } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as u } from "react";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as d } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
import "./utils/iconsList.js";
|
|
5
5
|
import { Typography as C } from "./components/Typography/Typography.js";
|
|
6
6
|
import "./components/Input/Input.js";
|
|
@@ -11,7 +11,7 @@ import { Icon as N } from "./components/Icon/Icon.js";
|
|
|
11
11
|
import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
|
|
12
12
|
import "./components/Dialog/Dialog.js";
|
|
13
13
|
import "./components/DatePicker/DatePicker.js";
|
|
14
|
-
import "./index-
|
|
14
|
+
import "./index-ew-96uBP.js";
|
|
15
15
|
import "./components/Draggable/useDraggable.js";
|
|
16
16
|
import "./components/IconButton/IconButton.js";
|
|
17
17
|
import "./components/InputSearch/InputSearch.js";
|
|
@@ -21,7 +21,7 @@ import "./components/Table/Table.js";
|
|
|
21
21
|
import "./components/Tabs/Tabs.js";
|
|
22
22
|
import { s as y } from "./Group-DJz1rK2n.js";
|
|
23
23
|
import "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
24
|
-
import { B as x } from "./Button-
|
|
24
|
+
import { B as x } from "./Button-CJaBSdv1.js";
|
|
25
25
|
import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
|
|
26
26
|
"u-typography-h1": "_u-typography-h1_1wvod_1",
|
|
27
27
|
"u-typography-h2": "_u-typography-h2_1wvod_8",
|
|
@@ -46,9 +46,9 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
46
46
|
chip__remove: z,
|
|
47
47
|
"chip__remove--disabled": "_chip__remove--disabled_1wvod_133",
|
|
48
48
|
"chip-loading": "_chip-loading_1wvod_137"
|
|
49
|
-
}, S = u((t,
|
|
50
|
-
const { children:
|
|
51
|
-
let e =
|
|
49
|
+
}, S = u((t, p) => {
|
|
50
|
+
const { children: l, onClickContent: a, disabled: r, className: o, variant: s } = t;
|
|
51
|
+
let e = d(
|
|
52
52
|
n.chip,
|
|
53
53
|
{ [n["chip--outlined"]]: s === "outlined" },
|
|
54
54
|
{ [n["chip--contained"]]: s === "contained" },
|
|
@@ -60,14 +60,14 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
60
60
|
onClick: a,
|
|
61
61
|
disabled: r,
|
|
62
62
|
"data-testid": t["data-testid"],
|
|
63
|
-
ref:
|
|
63
|
+
ref: p,
|
|
64
64
|
className: e,
|
|
65
|
-
children:
|
|
65
|
+
children: l
|
|
66
66
|
}
|
|
67
|
-
)) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref:
|
|
68
|
-
}), oo = u((t,
|
|
67
|
+
)) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: p, className: e, children: l });
|
|
68
|
+
}), oo = u((t, p) => {
|
|
69
69
|
const {
|
|
70
|
-
label:
|
|
70
|
+
label: l,
|
|
71
71
|
className: a,
|
|
72
72
|
onClickContent: r,
|
|
73
73
|
leftAdornment: o,
|
|
@@ -80,15 +80,15 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
80
80
|
return /* @__PURE__ */ i(
|
|
81
81
|
f,
|
|
82
82
|
{
|
|
83
|
-
className:
|
|
83
|
+
className: d(n["chip-loading"], t["className-skeleton"]),
|
|
84
84
|
"data-testid": t["data-testid-skeleton"]
|
|
85
85
|
}
|
|
86
86
|
);
|
|
87
|
-
const b =
|
|
87
|
+
const b = d(o == null ? void 0 : o.className, n.chip__adornment), w = o != null && o.customIcon ? { ...o, className: b } : { ...o, disabled: e, className: b };
|
|
88
88
|
return /* @__PURE__ */ k(
|
|
89
89
|
S,
|
|
90
90
|
{
|
|
91
|
-
ref:
|
|
91
|
+
ref: p,
|
|
92
92
|
"data-testid": t["data-testid"],
|
|
93
93
|
onClickContent: r,
|
|
94
94
|
disabled: e,
|
|
@@ -96,11 +96,11 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
96
96
|
variant: g,
|
|
97
97
|
children: [
|
|
98
98
|
o && /* @__PURE__ */ i(v, { ...w }),
|
|
99
|
-
|
|
99
|
+
l,
|
|
100
100
|
m && /* @__PURE__ */ i(
|
|
101
101
|
"span",
|
|
102
102
|
{
|
|
103
|
-
className:
|
|
103
|
+
className: d(n.chip__remove, { [n["chip__remove--disabled"]]: e }),
|
|
104
104
|
role: "button",
|
|
105
105
|
tabIndex: e ? -1 : 0,
|
|
106
106
|
"aria-label": "remove",
|
|
@@ -115,12 +115,12 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
115
115
|
}
|
|
116
116
|
);
|
|
117
117
|
}), h = {
|
|
118
|
-
"row-item": "_row-
|
|
119
|
-
"row-item--clickable": "_row-item--
|
|
120
|
-
"row-item--disabled": "_row-item--
|
|
121
|
-
"row-item__content": "_row-
|
|
122
|
-
}, ao = u((t,
|
|
123
|
-
const { children:
|
|
118
|
+
"row-item": "_row-item_11zdk_1",
|
|
119
|
+
"row-item--clickable": "_row-item--clickable_11zdk_12",
|
|
120
|
+
"row-item--disabled": "_row-item--disabled_11zdk_18",
|
|
121
|
+
"row-item__content": "_row-item__content_11zdk_24"
|
|
122
|
+
}, ao = u((t, p) => {
|
|
123
|
+
const { children: l, leftAdornment: a, disabled: r, onClick: o, buttons: s, ariaLabel: e, className: g } = t, m = d(a == null ? void 0 : a.className, h["row-item__adornment"]), w = {
|
|
124
124
|
onClick: (c) => {
|
|
125
125
|
r || o && o(c);
|
|
126
126
|
},
|
|
@@ -132,17 +132,17 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
132
132
|
"div",
|
|
133
133
|
{
|
|
134
134
|
"data-testid": t["data-testid"],
|
|
135
|
-
className:
|
|
135
|
+
className: d(
|
|
136
136
|
h["row-item"],
|
|
137
137
|
o && h["row-item--clickable"],
|
|
138
138
|
o && r && h["row-item--disabled"],
|
|
139
139
|
g
|
|
140
140
|
),
|
|
141
141
|
...!!o && w,
|
|
142
|
-
ref:
|
|
142
|
+
ref: p,
|
|
143
143
|
children: [
|
|
144
144
|
a && /* @__PURE__ */ i(v, { ..._, className: m, disabled: r }),
|
|
145
|
-
/* @__PURE__ */ i("span", { className:
|
|
145
|
+
/* @__PURE__ */ i("span", { className: d(h["row-item__content"]), children: l }),
|
|
146
146
|
s && /* @__PURE__ */ i(
|
|
147
147
|
"div",
|
|
148
148
|
{
|
|
@@ -155,12 +155,12 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
155
155
|
]
|
|
156
156
|
}
|
|
157
157
|
);
|
|
158
|
-
}), to = u((t,
|
|
159
|
-
const { text:
|
|
158
|
+
}), to = u((t, p) => {
|
|
159
|
+
const { text: l, isSelected: a = !1, value: r, onChange: o, disabled: s, type: e } = t;
|
|
160
160
|
return /* @__PURE__ */ k(
|
|
161
161
|
"label",
|
|
162
162
|
{
|
|
163
|
-
className:
|
|
163
|
+
className: d(
|
|
164
164
|
[y.toggle__label],
|
|
165
165
|
a && y["toggle__label--selected"],
|
|
166
166
|
s && y["toggle__label--disabled"]
|
|
@@ -170,9 +170,9 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
170
170
|
/* @__PURE__ */ i(
|
|
171
171
|
"input",
|
|
172
172
|
{
|
|
173
|
-
className:
|
|
173
|
+
className: d([y.toggle__input]),
|
|
174
174
|
type: e ?? "radio",
|
|
175
|
-
ref:
|
|
175
|
+
ref: p,
|
|
176
176
|
value: r.toString(),
|
|
177
177
|
onChange: () => o(r),
|
|
178
178
|
role: e ?? "radio",
|
|
@@ -181,7 +181,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
181
181
|
disabled: s
|
|
182
182
|
}
|
|
183
183
|
),
|
|
184
|
-
/* @__PURE__ */ i(C, { bold: !0, children:
|
|
184
|
+
/* @__PURE__ */ i(C, { bold: !0, children: l })
|
|
185
185
|
]
|
|
186
186
|
}
|
|
187
187
|
);
|
package/dist/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_12v77_1{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_12v77_8{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_12v77_15{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_12v77_22{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_12v77_29{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_12v77_36{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_12v77_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_12v77_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_12v77_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_12v77_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_12v77_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_12v77_65,._checkbox-wrapper_12v77_65 ._label--highlighted_12v77_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_12v77_68{text-decoration:line-through}._u-typography-base--underlined_12v77_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_12v77_74{text-decoration:underline line-through}._checkbox-wrapper_12v77_65{display:flex;gap:var(--spacing);align-items:center;cursor:pointer}._checkbox-wrapper_12v77_65 input[type=checkbox]{display:none}._checkbox-wrapper_12v77_65 ._label_12v77_65{cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox-wrapper_12v77_65 ._label--highlighted-checked_12v77_91{color:var(--accent)}._checkbox-wrapper_12v77_65 ._checkmark_12v77_94{display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-50);border-radius:var(--border-radius-soft)}._checkbox-wrapper_12v77_65 ._checkmark_12v77_94:not(--checked){transition:var(--transition-soft)}._checkbox-wrapper_12v77_65 ._checkmark--checked_12v77_104{transition:var(--transition-soft)}._checkbox-wrapper_12v77_65 ._checkmark--checked_12v77_104._checkmark--light-theme_12v77_107 svg path,._checkbox-wrapper_12v77_65 ._checkmark--checked_12v77_104._checkmark--light-theme_12v77_107 svg rect{fill:var(--accent)}._checkbox-wrapper_12v77_65 ._checkmark--checked_12v77_104._checkmark--light-theme_12v77_107{border:1px solid var(--accent-light)}._checkbox-wrapper_12v77_65 ._checkmark--checked_12v77_104._checkmark--accent-theme_12v77_114{background:var(--accent);border:1px solid var(--accent)}._checkbox-wrapper_12v77_65 ._checkmark--checked_12v77_104._checkmark--accent-theme_12v77_114 svg rect{fill:var(--white-100)}._checkbox-wrapper_12v77_65 ._checkmark_12v77_94{--small: 1;--normal: 1.5}._checkbox-wrapper_12v77_65 ._checkmark--small-size_12v77_125{width:calc(var(--small) * 1rem);height:calc(var(--small) * 1rem)}._checkbox-wrapper_12v77_65 ._checkmark--small-size_12v77_125 svg{transform:scale(calc(var(--small) / var(--normal)))}._checkbox-wrapper_12v77_65 ._checkmark--normal-size_12v77_132{width:calc(var(--normal) * 1rem);height:calc(var(--normal) * 1rem)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._dropdown-
|
|
1
|
+
._dropdown-container_8h422_1{position:relative;display:inline-block}._menu-button_8h422_6{position:relative}._menu-options_8h422_10{position:absolute;top:100%;left:0;z-index:1001;display:flex;flex-direction:column;min-width:16.25rem;background-color:var(--white-100);border:1px solid var(--border-secondary);border-radius:.375rem;box-shadow:0 .125rem .625rem #0000000d}._menu-options--padding-top_8h422_23{padding-top:1rem}._menu-options_8h422_10 ._menu-section--title_8h422_26{padding-left:1rem}._menu-options_8h422_10 ._menu-section_8h422_26:not(:last-of-type){padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-secondary)}._menu-options_8h422_10 ul{padding:0;margin:0;margin-bottom:.5rem;list-style:none}._menu-options_8h422_10 li{display:flex;column-gap:.5rem;align-items:center;padding:.375rem 1rem;margin:.5rem .25rem;cursor:pointer;border-radius:.25rem}._menu-options_8h422_10 li:hover{background-color:#0000000a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._toast-
|
|
1
|
+
._toast-card_19nbp_1{--border-radius: 6px;border-radius:var(--border-radius);box-shadow:0 6px 16px rgb(from var(--black-100) r g b/12%)}._toast-card_19nbp_1 ._divider_19nbp_6{height:1px;background-color:var(--gray-5)}._toast-card-padding_19nbp_10{padding:.5rem 1rem}._toast-card_19nbp_1 ._toast-card-title_19nbp_13{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:2.5rem;padding-top:.5rem;padding-bottom:.5rem;color:var(--white-100);border-radius:var(--border-radius) var(--border-radius) 0 0}._toast-card_19nbp_1 ._toast-card-title_19nbp_13 ._close-btn_19nbp_24{padding:0}._toast-card_19nbp_1 ._toast-card-title_19nbp_13 ._close-btn_19nbp_24 svg{fill:rgb(from var(--white-100) r g b/75%)}._toast-card_19nbp_1 ._toast-card-title_19nbp_13 ._close-btn_19nbp_24 svg path{opacity:.6;transition:opacity .3s}._toast-card_19nbp_1 ._toast-card-title_19nbp_13 ._close-btn_19nbp_24 svg{transition:fill .3s}._toast-card_19nbp_1 ._toast-card-title_19nbp_13 ._close-btn_19nbp_24 svg:hover{fill:var(--white-100)}._toast-card_19nbp_1 ._toast-card-title_19nbp_13 ._close-btn_19nbp_24 svg:hover path{opacity:.8}._toast-card_19nbp_1 ._toast-card-title--success_19nbp_43{background-color:var(--success-text)}._toast-card_19nbp_1 ._toast-card-title--danger_19nbp_46{background-color:var(--error-text)}._toast-card_19nbp_1 ._toast-card-title--warning_19nbp_49{background-color:var(--warning)}._toast-card_19nbp_1 ._toast-card-title--info_19nbp_52{background-color:var(--accent-dark)}._toast-card_19nbp_1 ._toast-card-title--default_19nbp_55{color:inherit}._toast-card_19nbp_1 ._toast-card-title--default_19nbp_55 ._close-btn_19nbp_24 svg{fill:rgb(from var(--gray-95) r g b/45%)}._toast-card_19nbp_1 ._toast-card-title--default_19nbp_55 ._close-btn_19nbp_24 svg path{opacity:.6}._toast-card_19nbp_1 ._toast-card-title--default_19nbp_55 ._close-btn_19nbp_24 svg{transition:fill .3s}._toast-card_19nbp_1 ._toast-card-title--default_19nbp_55 ._close-btn_19nbp_24 svg:hover{fill:var(--gray-95)}._toast-card_19nbp_1 ._toast-card-title--default_19nbp_55 ._close-btn_19nbp_24 svg:hover path{opacity:.6}
|
package/dist/assets/Toggle2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-h1_1wvod_1{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_1wvod_8{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_1wvod_15{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_1wvod_22{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_1wvod_29{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_1wvod_36{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_1wvod_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1wvod_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1wvod_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1wvod_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1wvod_61,._chip_1wvod_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1wvod_65,._chip_1wvod_61{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1wvod_68{text-decoration:line-through}._u-typography-base--underlined_1wvod_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1wvod_74{text-decoration:underline line-through}._chip_1wvod_61{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_1wvod_61:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1wvod_90{cursor:pointer;border-color:transparent}._chip--button_1wvod_90:disabled{pointer-events:none;cursor:initial}._chip--button_1wvod_90:focus-visible{outline:none}._chip--button_1wvod_90:focus{outline:2px solid var(--black-100)}._chip--outlined_1wvod_104{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1wvod_110{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1wvod_116{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1wvod_121{display:flex;margin-left:.5rem;cursor:pointer}._chip__remove_1wvod_121:focus-visible{outline:none}._chip__remove_1wvod_121:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1wvod_133{cursor:default}._chip-loading_1wvod_137{display:inline-flex;min-width:6rem;height:2rem;border-radius:4rem}._row-
|
|
1
|
+
._u-typography-h1_1wvod_1{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_1wvod_8{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_1wvod_15{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_1wvod_22{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_1wvod_29{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_1wvod_36{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_1wvod_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1wvod_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1wvod_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1wvod_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1wvod_61,._chip_1wvod_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1wvod_65,._chip_1wvod_61{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1wvod_68{text-decoration:line-through}._u-typography-base--underlined_1wvod_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1wvod_74{text-decoration:underline line-through}._chip_1wvod_61{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_1wvod_61:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1wvod_90{cursor:pointer;border-color:transparent}._chip--button_1wvod_90:disabled{pointer-events:none;cursor:initial}._chip--button_1wvod_90:focus-visible{outline:none}._chip--button_1wvod_90:focus{outline:2px solid var(--black-100)}._chip--outlined_1wvod_104{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1wvod_110{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1wvod_116{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1wvod_121{display:flex;margin-left:.5rem;cursor:pointer}._chip__remove_1wvod_121:focus-visible{outline:none}._chip__remove_1wvod_121:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1wvod_133{cursor:default}._chip-loading_1wvod_137{display:inline-flex;min-width:6rem;height:2rem;border-radius:4rem}._row-item_11zdk_1{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:1px solid var(--gray-10);border-radius:6px}._row-item_11zdk_1:focus-visible{outline:none}._row-item--clickable_11zdk_12{cursor:pointer}._row-item--clickable_11zdk_12:focus{outline:2px solid var(--black-100)}._row-item--disabled_11zdk_18{cursor:not-allowed}._row-item_11zdk_1{outline:none}._row-item__content_11zdk_24{display:flex;flex-grow:1;align-items:center;justify-content:space-between;padding-right:1rem;padding-left:1rem;margin:0;text-align:center}._row-item__content_11zdk_24:focus-visible{outline:none}._row-item__content_11zdk_24:focus{outline:2px solid var(--black-100)}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import * as r from "react";
|
|
2
|
+
import { e as C } from "./ClassNameConfigurator-CVRWfyIa.js";
|
|
3
|
+
const a = {
|
|
4
|
+
blur: "list:blur",
|
|
5
|
+
itemClick: "list:itemClick",
|
|
6
|
+
itemHover: "list:itemHover",
|
|
7
|
+
itemsChange: "list:itemsChange",
|
|
8
|
+
keyDown: "list:keyDown",
|
|
9
|
+
resetHighlight: "list:resetHighlight",
|
|
10
|
+
highlightLast: "list:highlightLast",
|
|
11
|
+
textNavigation: "list:textNavigation",
|
|
12
|
+
clearSelection: "list:clearSelection"
|
|
13
|
+
}, m = /* @__PURE__ */ r.createContext(null);
|
|
14
|
+
process.env.NODE_ENV !== "production" && (m.displayName = "ListContext");
|
|
15
|
+
function L(c) {
|
|
16
|
+
const {
|
|
17
|
+
handlePointerOverEvents: u = !1,
|
|
18
|
+
item: i
|
|
19
|
+
} = c, s = r.useContext(m);
|
|
20
|
+
if (!s)
|
|
21
|
+
throw new Error("useListItem must be used within a ListProvider");
|
|
22
|
+
const {
|
|
23
|
+
dispatch: o,
|
|
24
|
+
getItemState: d
|
|
25
|
+
} = s, {
|
|
26
|
+
highlighted: l,
|
|
27
|
+
selected: f,
|
|
28
|
+
focusable: p
|
|
29
|
+
} = d(i), g = r.useCallback((t) => (e) => {
|
|
30
|
+
var n;
|
|
31
|
+
if ((n = t.onClick) == null || n.call(t, e), !e.defaultPrevented) {
|
|
32
|
+
if (process.env.NODE_ENV !== "production" && i === void 0)
|
|
33
|
+
throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
|
|
34
|
+
`));
|
|
35
|
+
o({
|
|
36
|
+
type: a.itemClick,
|
|
37
|
+
item: i,
|
|
38
|
+
event: e
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}, [o, i]), v = r.useCallback((t) => (e) => {
|
|
42
|
+
var n;
|
|
43
|
+
if ((n = t.onMouseOver) == null || n.call(t, e), !e.defaultPrevented) {
|
|
44
|
+
if (process.env.NODE_ENV !== "production" && i === void 0)
|
|
45
|
+
throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
|
|
46
|
+
`));
|
|
47
|
+
o({
|
|
48
|
+
type: a.itemHover,
|
|
49
|
+
item: i,
|
|
50
|
+
event: e
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
}, [o, i]);
|
|
54
|
+
let h;
|
|
55
|
+
return p && (h = l ? 0 : -1), {
|
|
56
|
+
getRootProps: (t = {}) => {
|
|
57
|
+
const e = C(t);
|
|
58
|
+
return {
|
|
59
|
+
...t,
|
|
60
|
+
onClick: g(e),
|
|
61
|
+
onPointerOver: u ? v(e) : void 0,
|
|
62
|
+
tabIndex: h
|
|
63
|
+
};
|
|
64
|
+
},
|
|
65
|
+
highlighted: l,
|
|
66
|
+
selected: f
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
function b(c, u) {
|
|
70
|
+
return function(s = {}) {
|
|
71
|
+
const o = {
|
|
72
|
+
...s,
|
|
73
|
+
...c(s)
|
|
74
|
+
};
|
|
75
|
+
return {
|
|
76
|
+
...o,
|
|
77
|
+
...u(o)
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
export {
|
|
82
|
+
a as L,
|
|
83
|
+
m as a,
|
|
84
|
+
b as c,
|
|
85
|
+
L as u
|
|
86
|
+
};
|
|
@@ -2,15 +2,15 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ type, children, "data-testid": dataTestId, onClose, className, useDefaultIcon, customIconName, title, content, }: {
|
|
5
|
-
type?:
|
|
5
|
+
type?: "default" | "error" | "success" | "info" | "warning";
|
|
6
6
|
children?: import('react').ReactNode;
|
|
7
7
|
title?: import('react').ReactNode;
|
|
8
8
|
content?: import('react').ReactNode;
|
|
9
|
-
'data-testid'?: string
|
|
10
|
-
onClose?: (
|
|
11
|
-
useDefaultIcon?: boolean
|
|
12
|
-
customIconName?: import('../Icon/types').IconName
|
|
13
|
-
className?: string
|
|
9
|
+
'data-testid'?: string;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
useDefaultIcon?: boolean;
|
|
12
|
+
customIconName?: import('../Icon/types').IconName;
|
|
13
|
+
className?: string;
|
|
14
14
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
tags: string[];
|
|
16
16
|
parameters: {
|
|
@@ -26,4 +26,4 @@ export type AutocompleteProps<T> = Omit<InputProps, 'onChange' | 'value'> & {
|
|
|
26
26
|
/** Callback when the autocomplete list is closed */
|
|
27
27
|
onClose?: () => void;
|
|
28
28
|
};
|
|
29
|
-
export declare const Autocomplete: <T extends
|
|
29
|
+
export declare const Autocomplete: <T extends object | string>({ labelKey, valueKey, renderOption, customSelectedOptionLabel, options, type, value, onChange, onInputChange, classNameWrapper, "data-testid-wrapper": dataTestId, classNameInputWrapper, open, onOpen, onClose, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|