@solostylist/ui-kit 1.0.100 → 1.0.102
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/{ButtonBase-Cn3itpEl.js → ButtonBase-B-mcxJe8.js} +28 -28
- package/dist/{ChevronRight-G7jhiUBG.js → ChevronRight-BB4jrtLy.js} +1 -1
- package/dist/{Close-BSG2-e7H.js → Close-DqRHeMAW.js} +1 -1
- package/dist/ExpandMore-CE1RzE_y.js +8 -0
- package/dist/{Menu-DYOw-I_3.js → Menu-HtTElywx.js} +4 -4
- package/dist/{MenuItem-DTRBXdpX.js → MenuItem-DzviefY7.js} +3 -3
- package/dist/{Paper-DEq2MLtq.js → Paper-pJ5bSU59.js} +2 -2
- package/dist/{Select-DmB-tjlR.js → Select-C9Hk7BA8.js} +3 -3
- package/dist/{Stack-GTpsqQv0.js → Stack-TRopps6s.js} +1 -1
- package/dist/{Typography-zQXZ4jKl.js → Typography-DGEEI1Q-.js} +1 -1
- package/dist/{createSvgIcon-CS-Z7P80.js → createSvgIcon-DCQI9UV5.js} +3 -3
- package/dist/{mergeSlotProps-BbDReBm1.js → mergeSlotProps-N1VTlioP.js} +1 -1
- package/dist/s-accordion/s-accordion.js +102 -104
- package/dist/s-carousel/s-carousel.js +1 -1
- package/dist/s-chat-input/s-chat-input.js +57 -57
- package/dist/s-chat-message/index.d.ts +1 -1
- package/dist/s-chat-message/s-chat-message.d.ts +13 -1
- package/dist/s-chat-message/s-chat-message.js +207 -54
- package/dist/s-comment-message/index.d.ts +2 -0
- package/dist/s-comment-message/index.js +4 -0
- package/dist/s-comment-message/package.json +5 -0
- package/dist/s-comment-message/s-comment-message.d.ts +21 -0
- package/dist/s-comment-message/s-comment-message.js +138 -0
- package/dist/s-copyable-text/s-copyable-text.js +1 -1
- package/dist/s-data-table/s-data-table.js +3 -3
- package/dist/s-date-picker/s-date-picker.js +4 -4
- package/dist/s-datetime-picker/s-datetime-picker.js +7 -7
- package/dist/s-dialog/s-dialog.js +1 -1
- package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
- package/dist/s-dialog-message/s-dialog-message.js +2 -2
- package/dist/s-file-dropzone/s-file-dropzone.js +3 -3
- package/dist/s-image-comparison/s-image-comparison.js +1 -1
- package/dist/s-image-modal/s-image-modal.js +2 -2
- package/dist/s-label/s-label.js +5 -5
- package/dist/s-lazy-image/s-lazy-image.js +25 -23
- package/dist/s-multi-select/s-multi-select.js +5 -5
- package/dist/s-review/s-review.js +1 -1
- package/dist/s-text-editor/s-text-editor-toolbar.js +8 -8
- package/dist/s-text-field/s-text-field.js +5 -5
- package/dist/s-tip/s-tip.js +3 -3
- package/dist/theme/components/avatar.js +3 -3
- package/dist/theme/components/chip.js +1 -1
- package/dist/theme/customizations/inputs.js +1 -1
- package/dist/theme/customizations/navigation.js +1 -1
- package/dist/{useMobilePicker-By8yrJS0.js → useMobilePicker-c5_EH1sg.js} +6 -6
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ var q = (t, n, e) => xe(t, typeof n != "symbol" ? n + "" : n, e);
|
|
|
4
4
|
import { c as oe } from "./resolveProps-61uUKnlS.js";
|
|
5
5
|
import * as l from "react";
|
|
6
6
|
import { P as o } from "./createTheme-YLBX8GSj.js";
|
|
7
|
-
import {
|
|
7
|
+
import { a as D, u as ue, b as Ie } from "./createSvgIcon-DCQI9UV5.js";
|
|
8
8
|
import { j as P } from "./jsx-runtime-DywqP_6a.js";
|
|
9
9
|
import { g as Se } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
10
10
|
import { s as Q } from "./styled-DOEEZAON.js";
|
|
@@ -162,18 +162,18 @@ function Fe(t) {
|
|
|
162
162
|
...e == null ? void 0 : e.style,
|
|
163
163
|
...i == null ? void 0 : i.style,
|
|
164
164
|
...s == null ? void 0 : s.style
|
|
165
|
-
},
|
|
165
|
+
}, b = {
|
|
166
166
|
...a,
|
|
167
167
|
...e,
|
|
168
168
|
...g,
|
|
169
169
|
...h
|
|
170
170
|
};
|
|
171
|
-
return m.length > 0 && (
|
|
172
|
-
props:
|
|
171
|
+
return m.length > 0 && (b.className = m), Object.keys(p).length > 0 && (b.style = p), {
|
|
172
|
+
props: b,
|
|
173
173
|
internalRef: a.ref
|
|
174
174
|
};
|
|
175
175
|
}
|
|
176
|
-
function
|
|
176
|
+
function bt(t, n) {
|
|
177
177
|
const {
|
|
178
178
|
className: e,
|
|
179
179
|
elementType: s,
|
|
@@ -190,7 +190,7 @@ function yt(t, n) {
|
|
|
190
190
|
slotProps: p = {
|
|
191
191
|
[t]: void 0
|
|
192
192
|
},
|
|
193
|
-
...
|
|
193
|
+
...b
|
|
194
194
|
} = u, R = m[t] || s, d = Xe(p[t], i), {
|
|
195
195
|
props: {
|
|
196
196
|
component: T,
|
|
@@ -200,7 +200,7 @@ function yt(t, n) {
|
|
|
200
200
|
} = Fe({
|
|
201
201
|
className: e,
|
|
202
202
|
...g,
|
|
203
|
-
externalForwardedProps: t === "root" ?
|
|
203
|
+
externalForwardedProps: t === "root" ? b : void 0,
|
|
204
204
|
externalSlotProps: d
|
|
205
205
|
}), U = v(S, d == null ? void 0 : d.ref, n.ref), C = t === "root" ? T || a : T, c = Ye(R, {
|
|
206
206
|
...t === "root" && !a && !m[t] && f,
|
|
@@ -291,7 +291,7 @@ function le(t) {
|
|
|
291
291
|
in: h,
|
|
292
292
|
onExited: g,
|
|
293
293
|
timeout: a
|
|
294
|
-
} = t, [m, p] = l.useState(!1),
|
|
294
|
+
} = t, [m, p] = l.useState(!1), b = D(n, e.ripple, e.rippleVisible, s && e.ripplePulsate), R = {
|
|
295
295
|
width: f,
|
|
296
296
|
height: f,
|
|
297
297
|
top: -(f / 2) + u,
|
|
@@ -305,7 +305,7 @@ function le(t) {
|
|
|
305
305
|
};
|
|
306
306
|
}
|
|
307
307
|
}, [g, h, a]), /* @__PURE__ */ P.jsx("span", {
|
|
308
|
-
className:
|
|
308
|
+
className: b,
|
|
309
309
|
style: R,
|
|
310
310
|
children: /* @__PURE__ */ P.jsx("span", {
|
|
311
311
|
className: d
|
|
@@ -457,7 +457,7 @@ const M = Se("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
457
457
|
l.useEffect(() => {
|
|
458
458
|
p.current && (p.current(), p.current = null);
|
|
459
459
|
}, [g]);
|
|
460
|
-
const
|
|
460
|
+
const b = l.useRef(!1), R = Ue(), d = l.useRef(null), T = l.useRef(null), E = l.useCallback((c) => {
|
|
461
461
|
const {
|
|
462
462
|
pulsate: w,
|
|
463
463
|
rippleX: N,
|
|
@@ -488,11 +488,11 @@ const M = Se("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
488
488
|
fakeElement: z = !1
|
|
489
489
|
// For test purposes
|
|
490
490
|
} = w;
|
|
491
|
-
if ((c == null ? void 0 : c.type) === "mousedown" &&
|
|
492
|
-
|
|
491
|
+
if ((c == null ? void 0 : c.type) === "mousedown" && b.current) {
|
|
492
|
+
b.current = !1;
|
|
493
493
|
return;
|
|
494
494
|
}
|
|
495
|
-
(c == null ? void 0 : c.type) === "touchstart" && (
|
|
495
|
+
(c == null ? void 0 : c.type) === "touchstart" && (b.current = !0);
|
|
496
496
|
const k = z ? null : T.current, V = k ? k.getBoundingClientRect() : {
|
|
497
497
|
width: 0,
|
|
498
498
|
height: 0,
|
|
@@ -640,7 +640,7 @@ const nt = (t) => {
|
|
|
640
640
|
disabled: a = !1,
|
|
641
641
|
disableRipple: m = !1,
|
|
642
642
|
disableTouchRipple: p = !1,
|
|
643
|
-
focusRipple:
|
|
643
|
+
focusRipple: b = !1,
|
|
644
644
|
focusVisibleClassName: R,
|
|
645
645
|
LinkComponent: d = "a",
|
|
646
646
|
onBlur: T,
|
|
@@ -662,19 +662,19 @@ const nt = (t) => {
|
|
|
662
662
|
touchRippleRef: H,
|
|
663
663
|
type: $,
|
|
664
664
|
...K
|
|
665
|
-
} = s, Y = l.useRef(null),
|
|
665
|
+
} = s, Y = l.useRef(null), y = Ze(), pe = v(y.ref, H), [B, F] = l.useState(!1);
|
|
666
666
|
a && B && F(!1), l.useImperativeHandle(i, () => ({
|
|
667
667
|
focusVisible: () => {
|
|
668
668
|
F(!0), Y.current.focus();
|
|
669
669
|
}
|
|
670
670
|
}), []);
|
|
671
|
-
const fe =
|
|
671
|
+
const fe = y.shouldMount && !m && !a;
|
|
672
672
|
l.useEffect(() => {
|
|
673
|
-
B &&
|
|
674
|
-
}, [m,
|
|
675
|
-
const de = I(
|
|
673
|
+
B && b && !m && y.pulsate();
|
|
674
|
+
}, [m, b, B, y]);
|
|
675
|
+
const de = I(y, "start", A, p), he = I(y, "stop", S, p), me = I(y, "stop", U, p), be = I(y, "stop", z, p), ye = I(y, "stop", (r) => {
|
|
676
676
|
B && r.preventDefault(), O && O(r);
|
|
677
|
-
}, p), ge = I(
|
|
677
|
+
}, p), ge = I(y, "start", j, p), Re = I(y, "stop", k, p), Te = I(y, "stop", V, p), Me = I(y, "stop", (r) => {
|
|
678
678
|
ie(r.target) || F(!1), T && T(r);
|
|
679
679
|
}, !1), Ee = Z((r) => {
|
|
680
680
|
Y.current || (Y.current = r.currentTarget), ie(r.target) && (F(!0), c && c(r)), C && C(r);
|
|
@@ -682,12 +682,12 @@ const nt = (t) => {
|
|
|
682
682
|
const r = Y.current;
|
|
683
683
|
return g && g !== "button" && !(r.tagName === "A" && r.href);
|
|
684
684
|
}, Ce = Z((r) => {
|
|
685
|
-
|
|
686
|
-
|
|
685
|
+
b && !r.repeat && B && r.key === " " && y.stop(r, () => {
|
|
686
|
+
y.start(r);
|
|
687
687
|
}), r.target === r.currentTarget && G() && r.key === " " && r.preventDefault(), w && w(r), r.target === r.currentTarget && G() && r.key === "Enter" && !a && (r.preventDefault(), E && E(r));
|
|
688
688
|
}), Ne = Z((r) => {
|
|
689
|
-
|
|
690
|
-
|
|
689
|
+
b && r.key === " " && B && !r.defaultPrevented && y.stop(r, () => {
|
|
690
|
+
y.pulsate(r);
|
|
691
691
|
}), N && N(r), E && r.target === r.currentTarget && G() && r.key === " " && !r.defaultPrevented && E(r);
|
|
692
692
|
});
|
|
693
693
|
let W = g;
|
|
@@ -701,7 +701,7 @@ const nt = (t) => {
|
|
|
701
701
|
disabled: a,
|
|
702
702
|
disableRipple: m,
|
|
703
703
|
disableTouchRipple: p,
|
|
704
|
-
focusRipple:
|
|
704
|
+
focusRipple: b,
|
|
705
705
|
tabIndex: x,
|
|
706
706
|
focusVisible: B
|
|
707
707
|
}, ke = nt(ne);
|
|
@@ -716,8 +716,8 @@ const nt = (t) => {
|
|
|
716
716
|
onKeyDown: Ce,
|
|
717
717
|
onKeyUp: Ne,
|
|
718
718
|
onMouseDown: de,
|
|
719
|
-
onMouseLeave:
|
|
720
|
-
onMouseUp:
|
|
719
|
+
onMouseLeave: ye,
|
|
720
|
+
onMouseUp: be,
|
|
721
721
|
onDragLeave: me,
|
|
722
722
|
onTouchEnd: Re,
|
|
723
723
|
onTouchMove: Te,
|
|
@@ -900,7 +900,7 @@ export {
|
|
|
900
900
|
Xe as a,
|
|
901
901
|
Ue as b,
|
|
902
902
|
$e as c,
|
|
903
|
-
|
|
903
|
+
bt as d,
|
|
904
904
|
He as e,
|
|
905
905
|
Z as f,
|
|
906
906
|
qe as g,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as o } from "./jsx-runtime-DywqP_6a.js";
|
|
2
|
-
import {
|
|
2
|
+
import { c as t } from "./createSvgIcon-DCQI9UV5.js";
|
|
3
3
|
const n = t(/* @__PURE__ */ o.jsx("path", {
|
|
4
4
|
d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
|
|
5
5
|
}), "ChevronLeft"), s = t(/* @__PURE__ */ o.jsx("path", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as o } from "./jsx-runtime-DywqP_6a.js";
|
|
2
|
-
import {
|
|
2
|
+
import { c as s } from "./createSvgIcon-DCQI9UV5.js";
|
|
3
3
|
const e = s(/* @__PURE__ */ o.jsx("path", {
|
|
4
4
|
d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
5
5
|
}), "Close");
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as u from "react";
|
|
2
2
|
import { P as e, j as He } from "./createTheme-YLBX8GSj.js";
|
|
3
|
-
import { u as ce,
|
|
3
|
+
import { u as ce, a as ne, b as le, m as it } from "./createSvgIcon-DCQI9UV5.js";
|
|
4
4
|
import { j as A } from "./jsx-runtime-DywqP_6a.js";
|
|
5
5
|
import { s as G, r as at } from "./styled-DOEEZAON.js";
|
|
6
6
|
import { g as ue } from "./colorManipulator-ep5lERxB.js";
|
|
7
7
|
import { g as pe } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
8
|
-
import { c as Me, b as ct, u as Z, d as W, f as Fe, g as lt, r as ut, e as pt, a as dt, m as ft, h as mt } from "./ButtonBase-
|
|
9
|
-
import { T as ze, u as qe, g as he, r as We, P as ht, i as bt } from "./Paper-
|
|
10
|
-
import { m as gt } from "./mergeSlotProps-
|
|
8
|
+
import { c as Me, b as ct, u as Z, d as W, f as Fe, g as lt, r as ut, e as pt, a as dt, m as ft, h as mt } from "./ButtonBase-B-mcxJe8.js";
|
|
9
|
+
import { T as ze, u as qe, g as he, r as We, P as ht, i as bt } from "./Paper-pJ5bSU59.js";
|
|
10
|
+
import { m as gt } from "./mergeSlotProps-N1VTlioP.js";
|
|
11
11
|
import * as yt from "react-dom";
|
|
12
12
|
import { u as Ne } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
13
13
|
function De(...t) {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as d from "react";
|
|
2
2
|
import { P as o } from "./createTheme-YLBX8GSj.js";
|
|
3
|
-
import { u as B,
|
|
3
|
+
import { u as B, a as x, b as D, m as L } from "./createSvgIcon-DCQI9UV5.js";
|
|
4
4
|
import { s as S, r as E } from "./styled-DOEEZAON.js";
|
|
5
|
-
import { L as C } from "./Menu-
|
|
5
|
+
import { L as C } from "./Menu-HtTElywx.js";
|
|
6
6
|
import { g as c } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
7
7
|
import { g as O } from "./colorManipulator-ep5lERxB.js";
|
|
8
8
|
import { j as I } from "./jsx-runtime-DywqP_6a.js";
|
|
9
9
|
import { u as P } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
10
|
-
import { u as U, B as F } from "./ButtonBase-
|
|
10
|
+
import { u as U, B as F } from "./ButtonBase-B-mcxJe8.js";
|
|
11
11
|
function ee(e) {
|
|
12
12
|
return O("MuiDivider", e);
|
|
13
13
|
}
|
|
@@ -4,7 +4,7 @@ import { P as n, k as S } from "./createTheme-YLBX8GSj.js";
|
|
|
4
4
|
import * as P from "react";
|
|
5
5
|
import b from "react";
|
|
6
6
|
import g from "react-dom";
|
|
7
|
-
import { u as _,
|
|
7
|
+
import { u as _, a as U, b as $, m as q } from "./createSvgIcon-DCQI9UV5.js";
|
|
8
8
|
import { d as V } from "./defaultTheme-DXvvOU_p.js";
|
|
9
9
|
import { T as j } from "./identifier-BKLqN993.js";
|
|
10
10
|
import { u as L } from "./useTheme-w9o5xUBz.js";
|
|
@@ -12,7 +12,7 @@ import { j as G } from "./jsx-runtime-DywqP_6a.js";
|
|
|
12
12
|
import { s as A } from "./styled-DOEEZAON.js";
|
|
13
13
|
import { g as F, a as D } from "./colorManipulator-ep5lERxB.js";
|
|
14
14
|
import { g as X } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
15
|
-
import { c as W } from "./ButtonBase-
|
|
15
|
+
import { c as W } from "./ButtonBase-B-mcxJe8.js";
|
|
16
16
|
function H() {
|
|
17
17
|
const o = L(V);
|
|
18
18
|
return process.env.NODE_ENV !== "production" && P.useDebugValue(o), o[j] || o;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i from "react";
|
|
2
2
|
import { c as F, P as e, j as Uo, f as Je } from "./createTheme-YLBX8GSj.js";
|
|
3
|
-
import { u as ae,
|
|
3
|
+
import { u as ae, a as ie, b as Y, m as V, c as Vo } from "./createSvgIcon-DCQI9UV5.js";
|
|
4
4
|
import { F as Ro, u as Qe } from "./useFormControl-CatNKXAi.js";
|
|
5
5
|
import { g as Ce, f as To } from "./colorManipulator-ep5lERxB.js";
|
|
6
6
|
import { g as xe } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
@@ -8,9 +8,9 @@ import { j as m } from "./jsx-runtime-DywqP_6a.js";
|
|
|
8
8
|
import { s as N, r as me, a as Ho } from "./styled-DOEEZAON.js";
|
|
9
9
|
import { c as Se } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
10
10
|
import { g as _o, i as fo } from "./iconButtonClasses-qz3jor3M.js";
|
|
11
|
-
import { c as No, B as qo, r as Oe, u as Me, f as Ko, e as Go, d as Xo } from "./ButtonBase-
|
|
11
|
+
import { c as No, B as qo, r as Oe, u as Me, f as Ko, e as Go, d as Xo } from "./ButtonBase-B-mcxJe8.js";
|
|
12
12
|
import { css as Po, keyframes as jo } from "@emotion/react";
|
|
13
|
-
import { o as Yo, M as Zo, a as mo, d as Jo, i as bo, g as Qo } from "./Menu-
|
|
13
|
+
import { o as Yo, M as Zo, a as mo, d as Jo, i as bo, g as Qo } from "./Menu-HtTElywx.js";
|
|
14
14
|
import { u as go } from "./useControlled-nm4pBabJ.js";
|
|
15
15
|
import { i as Ee, g as et, a as ot, o as X } from "./outlinedInputClasses-DM19xjo3.js";
|
|
16
16
|
import { g as tt } from "./index-B3csTTDl.js";
|
|
@@ -5,7 +5,7 @@ import { c as F } from "./clsx-OuTLNxxd.js";
|
|
|
5
5
|
import { j as B } from "./jsx-runtime-DywqP_6a.js";
|
|
6
6
|
import { e as M } from "./extendSxProp-BNyKHzap.js";
|
|
7
7
|
import { u as w } from "./useThemeProps-CPsDWmFG.js";
|
|
8
|
-
import {
|
|
8
|
+
import { b as G, u as U } from "./createSvgIcon-DCQI9UV5.js";
|
|
9
9
|
import { g as $ } from "./colorManipulator-ep5lERxB.js";
|
|
10
10
|
const A = N(), _ = E(), I = A("div", {
|
|
11
11
|
name: "MuiStack",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as j from "react";
|
|
2
2
|
import { c, P as r } from "./createTheme-YLBX8GSj.js";
|
|
3
|
-
import { u as O,
|
|
3
|
+
import { u as O, a as S, b as w, m as B } from "./createSvgIcon-DCQI9UV5.js";
|
|
4
4
|
import { i as P } from "./index-B3csTTDl.js";
|
|
5
5
|
import { c as W } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
6
6
|
import { g as C } from "./typographyClasses-C7fhAsUD.js";
|
|
@@ -310,9 +310,9 @@ function G(e, o) {
|
|
|
310
310
|
return process.env.NODE_ENV !== "production" && (t.displayName = `${o}Icon`), t.muiName = N.muiName, /* @__PURE__ */ d.memo(/* @__PURE__ */ d.forwardRef(t));
|
|
311
311
|
}
|
|
312
312
|
export {
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
313
|
+
E as a,
|
|
314
|
+
R as b,
|
|
315
|
+
G as c,
|
|
316
316
|
D as m,
|
|
317
317
|
$ as u
|
|
318
318
|
};
|