@solostylist/ui-kit 1.0.22 → 1.0.25
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/{Box-CYhpy9DM.js → Box-CafvePOg.js} +5 -5
- package/dist/{DefaultPropsProvider-DhE0_fCr.js → DefaultPropsProvider-Doz-fKTH.js} +2 -2
- package/dist/{Menu-DeygsmYI.js → Menu-DV6b-3vA.js} +18 -17
- package/dist/{Stack-Du2vO-iF.js → Stack-CyNMyetl.js} +5 -5
- package/dist/TransitionGroup-C2C7KNye.js +216 -0
- package/dist/{Typography-BUC2b3EE.js → Typography-BXLku1B0.js} +5 -5
- package/dist/_commonjsHelpers-B4e78b8K.js +28 -0
- package/dist/assets/s-image-gallery.css +1 -1
- package/dist/{buttonBaseClasses-D9p3ujfW.js → buttonBaseClasses-C7kEMnpC.js} +2 -2
- package/dist/{createSvgIcon-CFj_BoDp.js → createSvgIcon-C9keHw6o.js} +4 -4
- package/dist/{createTheme-DkVAXJiq.js → createTheme-DwCHEbMU.js} +1 -1
- package/dist/emotion-serialize.esm-lgBmL_7o.js +195 -0
- package/dist/{extendSxProp-oTj2mv7x.js → extendSxProp-DOBfSUxL.js} +1 -1
- package/dist/{generateUtilityClasses-DStZbN71.js → generateUtilityClasses-BHlV34bM.js} +1 -1
- package/dist/{iconButtonClasses-Dx9aLkXb.js → iconButtonClasses--mfwnDzQ.js} +2 -2
- package/dist/identifier-C1jBtHV2.js +46 -0
- package/dist/{index-8QDI4GK5.js → index-Bg8Tniaw.js} +5 -5
- package/dist/main.d.ts +2 -0
- package/dist/main.js +26 -24
- package/dist/{menuItemClasses-D9_8SIPH.js → menuItemClasses-BuWSZEU7.js} +2 -2
- package/dist/{outlinedInputClasses-DNQT_xFJ.js → outlinedInputClasses-BiB8MrLY.js} +2 -2
- package/dist/s-data-table/s-data-table.js +6 -6
- package/dist/s-dialog-confirm/s-dialog-confirm.js +1 -1
- package/dist/s-dialog-message/s-dialog-message.js +1 -1
- package/dist/s-file-dropzone/s-file-dropzone.js +3 -3
- package/dist/s-file-icon/s-file-icon.js +1 -1
- package/dist/s-form/s-form.js +10 -8
- package/dist/s-image-gallery/package.json +1 -1
- package/dist/s-label/s-label.js +7 -5
- package/dist/s-multi-select/s-multi-select.js +8 -8
- package/dist/s-pagination/s-pagination.js +4 -4
- package/dist/s-smart-text-field/index.d.ts +2 -0
- package/dist/s-smart-text-field/index.js +4 -0
- package/dist/s-smart-text-field/package.json +5 -0
- package/dist/s-smart-text-field/s-text-field.d.ts +6 -0
- package/dist/s-smart-text-field/s-text-field.js +27137 -0
- package/dist/s-text-editor/s-text-editor-toolbar.js +12 -12
- package/dist/s-text-editor/s-text-editor.js +1 -1
- package/dist/s-theme-provider/s-theme-provider.d.ts +3 -2
- package/dist/s-theme-provider/s-theme-provider.js +26 -24
- package/dist/s-tip/s-tip.js +3 -3
- package/dist/{selectClasses-BDdGqseQ.js → selectClasses-gIFRMjMV.js} +2 -2
- package/dist/{svgIconClasses-ByelSBlO.js → svgIconClasses-B4eDa4bG.js} +2 -2
- package/dist/theme/customizations/data-display.js +6 -6
- package/dist/theme/customizations/feedback.js +1 -1
- package/dist/theme/customizations/inputs.js +5 -5
- package/dist/theme/customizations/navigation.js +6 -6
- package/dist/theme/customizations/surfaces.js +1 -1
- package/dist/theme/theme-primitives.js +1 -1
- package/dist/{typographyClasses-By7qHJ5j.js → typographyClasses-BHvgKFVi.js} +2 -2
- package/dist/useSlot-CUlGPdMt.js +969 -0
- package/dist/{useTheme-B14mI9KW.js → useTheme-Cfg4NSRM.js} +1 -1
- package/dist/utils/dayjs.js +1 -1
- package/package.json +1 -1
- package/dist/HelpOutline-BpAsfhrs.js +0 -8
- package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
- package/dist/identifier-DCmLmBSP.js +0 -234
- package/dist/useSlot-D9cy_5Wu.js +0 -1179
|
@@ -4,21 +4,21 @@ import r, { forwardRef as de } from "react";
|
|
|
4
4
|
import { MenuItem as mt } from "@mui/material";
|
|
5
5
|
import { E as pe } from "../SSRBase-BSdFRe_j.js";
|
|
6
6
|
import { usePopover as On } from "../hooks/use-popover.js";
|
|
7
|
-
import { g as Oe, c as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-
|
|
8
|
-
import { c as J } from "../identifier-
|
|
9
|
-
import { u as Q, s as M, c as _, m as N, r as ue, e as wn } from "../DefaultPropsProvider-
|
|
7
|
+
import { g as Oe, c as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-DwCHEbMU.js";
|
|
8
|
+
import { c as J } from "../identifier-C1jBtHV2.js";
|
|
9
|
+
import { u as Q, s as M, c as _, m as N, r as ue, e as wn } from "../DefaultPropsProvider-Doz-fKTH.js";
|
|
10
10
|
import { c as ve } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
11
|
-
import { g as Cn, i as gt } from "../iconButtonClasses
|
|
12
|
-
import { c as Kt, B as Hn, u as at, r as Me,
|
|
13
|
-
import { g as xe } from "../generateUtilityClasses-
|
|
11
|
+
import { g as Cn, i as gt } from "../iconButtonClasses--mfwnDzQ.js";
|
|
12
|
+
import { c as Kt, B as Hn, u as at, r as Me, d as An } from "../useSlot-CUlGPdMt.js";
|
|
13
|
+
import { g as xe } from "../generateUtilityClasses-BHlV34bM.js";
|
|
14
14
|
import { css as Gt, keyframes as Xt } from "@emotion/react";
|
|
15
|
-
import { S as ht } from "../Stack-
|
|
16
|
-
import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-
|
|
17
|
-
import { g as Yt, s as $e } from "../selectClasses-
|
|
15
|
+
import { S as ht } from "../Stack-CyNMyetl.js";
|
|
16
|
+
import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-DV6b-3vA.js";
|
|
17
|
+
import { g as Yt, s as $e } from "../selectClasses-gIFRMjMV.js";
|
|
18
18
|
import { F as Jt, a as Pe, u as vt } from "../useFormControl-D6-HePVL.js";
|
|
19
|
-
import { c as jn } from "../createSvgIcon-
|
|
20
|
-
import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-
|
|
21
|
-
import { g as $n } from "../index-
|
|
19
|
+
import { c as jn } from "../createSvgIcon-C9keHw6o.js";
|
|
20
|
+
import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-BiB8MrLY.js";
|
|
21
|
+
import { g as $n } from "../index-Bg8Tniaw.js";
|
|
22
22
|
import { u as kn } from "../useEnhancedEffect-CJGo-L3B.js";
|
|
23
23
|
import { unstable_useForkRef as Fn, unstable_ownerWindow as Ot, unstable_useEventCallback as Tn, unstable_useEnhancedEffect as xt, unstable_debounce as Pn } from "@mui/utils";
|
|
24
24
|
function tt(e, n) {
|
|
@@ -5,7 +5,7 @@ import { Placeholder as m } from "@tiptap/extension-placeholder";
|
|
|
5
5
|
import { useEditor as c, EditorContent as f } from "@tiptap/react";
|
|
6
6
|
import { StarterKit as u } from "@tiptap/starter-kit";
|
|
7
7
|
import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
|
|
8
|
-
import { B as d } from "../Box-
|
|
8
|
+
import { B as d } from "../Box-CafvePOg.js";
|
|
9
9
|
const S = ({
|
|
10
10
|
content: o,
|
|
11
11
|
editable: r = !0,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ThemeOptions } from '@mui/material';
|
|
1
|
+
import { ThemeOptions, ThemeProviderProps } from '@mui/material';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
export interface SThemeProviderProps {
|
|
4
4
|
children: React.ReactNode;
|
|
@@ -7,6 +7,7 @@ export interface SThemeProviderProps {
|
|
|
7
7
|
*/
|
|
8
8
|
disableCustomTheme?: boolean;
|
|
9
9
|
themeComponents?: ThemeOptions['components'];
|
|
10
|
+
themeProviderProps?: ThemeProviderProps;
|
|
10
11
|
}
|
|
11
|
-
declare const SThemeProvider: ({ children, disableCustomTheme, themeComponents }: SThemeProviderProps) => React.JSX.Element;
|
|
12
|
+
declare const SThemeProvider: ({ children, disableCustomTheme, themeComponents, themeProviderProps, }: SThemeProviderProps) => React.JSX.Element;
|
|
12
13
|
export default SThemeProvider;
|
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import * as
|
|
3
|
-
import { createTheme as
|
|
4
|
-
import { components as
|
|
5
|
-
import { dataDisplayCustomizations as
|
|
6
|
-
import { feedbackCustomizations as
|
|
7
|
-
import { inputsCustomizations as
|
|
8
|
-
import { navigationCustomizations as
|
|
9
|
-
import { surfacesCustomizations as
|
|
10
|
-
import { shape as
|
|
11
|
-
const T = ({
|
|
12
|
-
|
|
1
|
+
import { j as s } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
import { createTheme as a, ThemeProvider as n } from "@mui/material";
|
|
4
|
+
import { components as p } from "../theme/components/components.js";
|
|
5
|
+
import { dataDisplayCustomizations as c } from "../theme/customizations/data-display.js";
|
|
6
|
+
import { feedbackCustomizations as f } from "../theme/customizations/feedback.js";
|
|
7
|
+
import { inputsCustomizations as u } from "../theme/customizations/inputs.js";
|
|
8
|
+
import { navigationCustomizations as d } from "../theme/customizations/navigation.js";
|
|
9
|
+
import { surfacesCustomizations as h } from "../theme/customizations/surfaces.js";
|
|
10
|
+
import { shape as l, shadows as x, typography as z, colorSchemes as g } from "../theme/theme-primitives.js";
|
|
11
|
+
const T = ({
|
|
12
|
+
children: r,
|
|
13
|
+
disableCustomTheme: o,
|
|
14
|
+
themeComponents: t,
|
|
15
|
+
themeProviderProps: m
|
|
16
|
+
}) => {
|
|
17
|
+
const i = e.useMemo(() => o ? {} : a({
|
|
13
18
|
// For more details about CSS variables configuration, see https://mui.com/material-ui/customization/css-theme-variables/configuration/
|
|
14
19
|
cssVariables: {
|
|
15
20
|
colorSchemeSelector: "data-mui-color-scheme",
|
|
16
21
|
cssVarPrefix: "s"
|
|
17
22
|
},
|
|
18
|
-
|
|
19
|
-
mode: "dark"
|
|
20
|
-
},
|
|
21
|
-
colorSchemes: z,
|
|
23
|
+
colorSchemes: g,
|
|
22
24
|
// Recently added in v6 for building light & dark mode app, see https://mui.com/material-ui/customization/palette/#color-schemes
|
|
23
|
-
typography:
|
|
24
|
-
shadows:
|
|
25
|
-
shape:
|
|
25
|
+
typography: z,
|
|
26
|
+
shadows: x,
|
|
27
|
+
shape: l,
|
|
26
28
|
components: {
|
|
27
|
-
...f,
|
|
28
|
-
...p,
|
|
29
|
-
...c,
|
|
30
29
|
...u,
|
|
30
|
+
...c,
|
|
31
|
+
...f,
|
|
31
32
|
...d,
|
|
32
|
-
...
|
|
33
|
+
...h,
|
|
34
|
+
...p,
|
|
33
35
|
...t
|
|
34
36
|
}
|
|
35
37
|
}), [o, t]);
|
|
36
|
-
return o ? /* @__PURE__ */
|
|
38
|
+
return o ? /* @__PURE__ */ s.jsx(e.Fragment, { children: r }) : /* @__PURE__ */ s.jsx(n, { theme: i, disableTransitionOnChange: !0, defaultMode: "dark", ...m, children: r });
|
|
37
39
|
};
|
|
38
40
|
export {
|
|
39
41
|
T as default
|
package/dist/s-tip/s-tip.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as t } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { c } from "../createSvgIcon-
|
|
3
|
-
import { S as e } from "../Stack-
|
|
4
|
-
import { T as r } from "../Typography-
|
|
2
|
+
import { c } from "../createSvgIcon-C9keHw6o.js";
|
|
3
|
+
import { S as e } from "../Stack-CyNMyetl.js";
|
|
4
|
+
import { T as r } from "../Typography-BXLku1B0.js";
|
|
5
5
|
const s = c(/* @__PURE__ */ t.jsx("path", {
|
|
6
6
|
d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7"
|
|
7
7
|
}), "LightbulbOutline"), l = ({ message: o }) => /* @__PURE__ */ t.jsxs(
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { g as t } from "./generateUtilityClasses-
|
|
2
|
-
import { g as i } from "./createTheme-
|
|
1
|
+
import { g as t } from "./generateUtilityClasses-BHlV34bM.js";
|
|
2
|
+
import { g as i } from "./createTheme-DwCHEbMU.js";
|
|
3
3
|
function n(e) {
|
|
4
4
|
return i("MuiSelect", e);
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { g as r } from "./createTheme-
|
|
2
|
-
import { g as t } from "./generateUtilityClasses-
|
|
1
|
+
import { g as r } from "./createTheme-DwCHEbMU.js";
|
|
2
|
+
import { g as t } from "./generateUtilityClasses-BHlV34bM.js";
|
|
3
3
|
function s(o) {
|
|
4
4
|
return r("MuiSvgIcon", o);
|
|
5
5
|
}
|
|
@@ -2,12 +2,12 @@ import { j as m } from "../../jsx-runtime-C5mzlN2N.js";
|
|
|
2
2
|
import e, { forwardRef as u } from "react";
|
|
3
3
|
import { E as b } from "../../SSRBase-BSdFRe_j.js";
|
|
4
4
|
import { gray as t, green as i, red as n } from "../theme-primitives.js";
|
|
5
|
-
import { i as g } from "../../iconButtonClasses
|
|
6
|
-
import { g as f } from "../../generateUtilityClasses-
|
|
7
|
-
import { s as c } from "../../svgIconClasses-
|
|
8
|
-
import { b as C } from "../../buttonBaseClasses-
|
|
9
|
-
import { t as S } from "../../typographyClasses-
|
|
10
|
-
import { a as s } from "../../createTheme-
|
|
5
|
+
import { i as g } from "../../iconButtonClasses--mfwnDzQ.js";
|
|
6
|
+
import { g as f } from "../../generateUtilityClasses-BHlV34bM.js";
|
|
7
|
+
import { s as c } from "../../svgIconClasses-B4eDa4bG.js";
|
|
8
|
+
import { b as C } from "../../buttonBaseClasses-C7kEMnpC.js";
|
|
9
|
+
import { t as S } from "../../typographyClasses-BHvgKFVi.js";
|
|
10
|
+
import { a as s } from "../../createTheme-DwCHEbMU.js";
|
|
11
11
|
const l = f("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), h = /* @__PURE__ */ new Map([
|
|
12
12
|
[
|
|
13
13
|
"bold",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { c as t } from "../../createSvgIcon-
|
|
2
|
+
import { c as t } from "../../createSvgIcon-C9keHw6o.js";
|
|
3
3
|
import { brand as e, gray as o } from "../theme-primitives.js";
|
|
4
|
-
import { o as i } from "../../outlinedInputClasses-
|
|
5
|
-
import { g as s } from "../../generateUtilityClasses-
|
|
6
|
-
import { s as n } from "../../svgIconClasses-
|
|
7
|
-
import { a } from "../../createTheme-
|
|
4
|
+
import { o as i } from "../../outlinedInputClasses-BiB8MrLY.js";
|
|
5
|
+
import { g as s } from "../../generateUtilityClasses-BHlV34bM.js";
|
|
6
|
+
import { s as n } from "../../svgIconClasses-B4eDa4bG.js";
|
|
7
|
+
import { a } from "../../createTheme-DwCHEbMU.js";
|
|
8
8
|
const c = t(/* @__PURE__ */ l.jsx("path", {
|
|
9
9
|
d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
|
|
10
10
|
}), "CheckBoxOutlineBlankRounded"), p = t(/* @__PURE__ */ l.jsx("path", {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import { c as p } from "../../createSvgIcon-
|
|
3
|
+
import { c as p } from "../../createSvgIcon-C9keHw6o.js";
|
|
4
4
|
import { gray as r, brand as n } from "../theme-primitives.js";
|
|
5
|
-
import { d as c, m as e } from "../../menuItemClasses-
|
|
6
|
-
import { g as b } from "../../generateUtilityClasses-
|
|
7
|
-
import { s } from "../../selectClasses-
|
|
8
|
-
import { b as u } from "../../buttonBaseClasses-
|
|
9
|
-
import { a } from "../../createTheme-
|
|
5
|
+
import { d as c, m as e } from "../../menuItemClasses-BuWSZEU7.js";
|
|
6
|
+
import { g as b } from "../../generateUtilityClasses-BHlV34bM.js";
|
|
7
|
+
import { s } from "../../selectClasses-gIFRMjMV.js";
|
|
8
|
+
import { b as u } from "../../buttonBaseClasses-C7kEMnpC.js";
|
|
9
|
+
import { a } from "../../createTheme-DwCHEbMU.js";
|
|
10
10
|
const x = p(/* @__PURE__ */ l.jsx("path", {
|
|
11
11
|
d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
|
|
12
12
|
}), "UnfoldMoreRounded"), t = b("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), R = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { g as a } from "./generateUtilityClasses-
|
|
2
|
-
import { g as i } from "./createTheme-
|
|
1
|
+
import { g as a } from "./generateUtilityClasses-BHlV34bM.js";
|
|
2
|
+
import { g as i } from "./createTheme-DwCHEbMU.js";
|
|
3
3
|
function e(t) {
|
|
4
4
|
return i("MuiTypography", t);
|
|
5
5
|
}
|