@solostylist/ui-kit 1.0.78 → 1.0.80

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.
Files changed (136) hide show
  1. package/dist/{Box-reWd7MO-.js → Box-Bfkq7uIw.js} +23 -21
  2. package/dist/{Close-CVFQMMUW.js → Close-C1lLcTQu.js} +1 -1
  3. package/dist/{Menu-CGTDGEoX.js → Menu-DbldWmqB.js} +94 -93
  4. package/dist/{MenuItem-Bdna3McP.js → MenuItem-BHTJlag0.js} +8 -7
  5. package/dist/{Select-D54ugORZ.js → Select-CT0Hpudx.js} +14 -13
  6. package/dist/{Stack-ISlVeD89.js → Stack-W0weBtf9.js} +29 -28
  7. package/dist/{TransitionGroup-DuMpOHcM.js → TransitionGroup-q306siJs.js} +1 -1
  8. package/dist/{Typography-D38zoHJr.js → Typography-CeAbQ9LX.js} +17 -17
  9. package/dist/{buttonBaseClasses-CF7RfAgE.js → buttonBaseClasses-CR6HkqQ3.js} +2 -2
  10. package/dist/colorManipulator-CPZHCebU.js +178 -0
  11. package/dist/{createSvgIcon-DN-sh_sr.js → createSvgIcon-9XY7lJan.js} +129 -131
  12. package/dist/createTheme-wt8sY36y.js +2837 -0
  13. package/dist/{defaultTheme-BDQAWvCM.js → defaultTheme-YL2LZ-0U.js} +7 -7
  14. package/dist/emotion-serialize.esm-lgBmL_7o.js +195 -0
  15. package/dist/{extendSxProp-KtEeHd8h.js → extendSxProp-B1pEE-ot.js} +1 -1
  16. package/dist/generateUtilityClasses-D-O3RBPF.js +10 -0
  17. package/dist/hooks/use-dialog.d.ts +21 -0
  18. package/dist/hooks/use-dialog.js +10 -2
  19. package/dist/hooks/use-popover.d.ts +24 -0
  20. package/dist/hooks/use-popover.js +7 -1
  21. package/dist/{iconButtonClasses-DMst1jJO.js → iconButtonClasses-WmsPyI4v.js} +2 -2
  22. package/dist/index-B6k9mhKf.js +30 -0
  23. package/dist/{index-x815ub0T.js → index-DAXzX0k9.js} +5 -5
  24. package/dist/main.d.ts +5 -1
  25. package/dist/main.js +109 -104
  26. package/dist/{outlinedInputClasses-E4FwVkZh.js → outlinedInputClasses-Cor6Mcxo.js} +2 -2
  27. package/dist/s-autocomplete/s-autocomplete.d.ts +31 -0
  28. package/dist/s-autocomplete/s-autocomplete.js +23 -20
  29. package/dist/s-button/index.d.ts +2 -0
  30. package/dist/s-button/index.js +4 -0
  31. package/dist/s-button/package.json +5 -0
  32. package/dist/s-button/s-button.d.ts +6 -0
  33. package/dist/s-button/s-button.js +7 -0
  34. package/dist/s-button-link/s-button-link.d.ts +37 -1
  35. package/dist/s-checkbox/s-checkbox.d.ts +21 -0
  36. package/dist/s-checkbox/s-checkbox.js +9 -9
  37. package/dist/s-chip/index.d.ts +2 -0
  38. package/dist/s-chip/index.js +4 -0
  39. package/dist/s-chip/package.json +5 -0
  40. package/dist/s-chip/s-chip.d.ts +6 -0
  41. package/dist/s-chip/s-chip.js +7 -0
  42. package/dist/s-chips/s-chips.d.ts +26 -1
  43. package/dist/s-chips/s-chips.js +28 -23
  44. package/dist/s-copilot-kit-provider/s-copilot-kit-provider.d.ts +28 -0
  45. package/dist/s-copyable-text/s-copyable-text.d.ts +43 -2
  46. package/dist/s-copyable-text/s-copyable-text.js +30 -22
  47. package/dist/s-data-table/s-data-table.d.ts +87 -0
  48. package/dist/s-data-table/s-data-table.js +33 -22
  49. package/dist/s-date-picker/s-date-picker.d.ts +25 -0
  50. package/dist/s-date-picker/s-date-picker.js +109 -92
  51. package/dist/s-datetime-picker/s-datetime-picker.d.ts +26 -0
  52. package/dist/s-datetime-picker/s-datetime-picker.js +209 -192
  53. package/dist/s-dialog/s-dialog.d.ts +27 -0
  54. package/dist/s-dialog/s-dialog.js +1 -1
  55. package/dist/s-dialog-confirm/s-dialog-confirm.d.ts +54 -0
  56. package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
  57. package/dist/s-dialog-message/s-dialog-message.d.ts +51 -0
  58. package/dist/s-dialog-message/s-dialog-message.js +3 -2
  59. package/dist/s-empty/s-empty.d.ts +25 -1
  60. package/dist/s-error/s-error.d.ts +19 -0
  61. package/dist/s-file-dropzone/s-file-dropzone.d.ts +67 -0
  62. package/dist/s-file-dropzone/s-file-dropzone.js +6 -4
  63. package/dist/s-file-icon/s-file-icon.d.ts +28 -0
  64. package/dist/s-file-icon/s-file-icon.js +5 -2
  65. package/dist/s-form/s-form.d.ts +22 -0
  66. package/dist/s-form/s-form.js +9 -10
  67. package/dist/s-glow-button/index.d.ts +1 -1
  68. package/dist/s-glow-button/s-glow-button.d.ts +39 -3
  69. package/dist/s-glow-button/s-glow-button.js +11 -2
  70. package/dist/s-gradient-icon/s-gradient-icon.d.ts +43 -0
  71. package/dist/s-gradient-icon/s-gradient-icon.js +6 -1
  72. package/dist/s-i18n-provider/s-i18n-provider.d.ts +37 -0
  73. package/dist/s-i18n-provider/s-i18n-provider.js +8 -1
  74. package/dist/s-icon-button/s-icon-button.d.ts +23 -0
  75. package/dist/s-interactive-gallery/s-interactive-gallery.d.ts +96 -0
  76. package/dist/s-interactive-gallery/s-interactive-gallery.js +175 -82
  77. package/dist/s-label/s-label.d.ts +30 -2
  78. package/dist/s-label/s-label.js +8 -18
  79. package/dist/s-lazy-image/s-lazy-image.d.ts +28 -1
  80. package/dist/s-localization-provider/s-localization-provider.d.ts +30 -0
  81. package/dist/s-localization-provider/s-localization-provider.js +5 -2
  82. package/dist/s-moving-border/s-moving-border.d.ts +41 -0
  83. package/dist/s-moving-border/s-moving-border.js +5 -1
  84. package/dist/s-multi-select/s-multi-select.d.ts +23 -0
  85. package/dist/s-multi-select/s-multi-select.js +3 -3
  86. package/dist/s-no-ssr/s-no-ssr.d.ts +38 -0
  87. package/dist/s-pagination/s-pagination.d.ts +29 -0
  88. package/dist/s-select/s-select.d.ts +35 -0
  89. package/dist/s-select/s-select.js +41 -37
  90. package/dist/s-skeleton/s-skeleton.d.ts +31 -1
  91. package/dist/s-smart-text-field/s-smart-text-field.d.ts +28 -0
  92. package/dist/s-smart-text-field/s-smart-text-field.js +1425 -1399
  93. package/dist/s-snackbar-message/s-snackbar-message.d.ts +56 -2
  94. package/dist/s-stripe/s-stripe.d.ts +93 -0
  95. package/dist/s-stripe/s-stripe.js +3 -0
  96. package/dist/s-stripe/stripe-input.d.ts +23 -0
  97. package/dist/s-stripe/stripe-input.js +1 -0
  98. package/dist/s-text-editor/index.d.ts +2 -0
  99. package/dist/s-text-editor/index.js +4 -2
  100. package/dist/s-text-editor/s-text-editor-toolbar.d.ts +33 -0
  101. package/dist/s-text-editor/s-text-editor-toolbar.js +4 -4
  102. package/dist/s-text-editor/s-text-editor.js +1 -1
  103. package/dist/s-text-field/s-text-field.d.ts +23 -0
  104. package/dist/s-text-truncation/s-text-truncation.d.ts +30 -0
  105. package/dist/s-theme-provider/s-theme-provider.d.ts +24 -3
  106. package/dist/s-theme-provider/s-theme-provider.js +9 -2
  107. package/dist/s-tip/s-tip.d.ts +27 -0
  108. package/dist/s-tip/s-tip.js +5 -3
  109. package/dist/svgIconClasses-BYFQaEQ7.js +10 -0
  110. package/dist/{tabClasses-LXCeUS4i.js → tabClasses-CXQXD3XZ.js} +2 -2
  111. package/dist/theme/components/avatar.js +1 -1
  112. package/dist/theme/components/button.d.ts +5834 -0
  113. package/dist/theme/components/button.js +186 -0
  114. package/dist/theme/components/chip.d.ts +117 -0
  115. package/dist/theme/components/chip.js +168 -0
  116. package/dist/theme/components/components.d.ts +5944 -0
  117. package/dist/theme/components/components.js +16 -12
  118. package/dist/theme/customizations/data-display.d.ts +0 -5
  119. package/dist/theme/customizations/data-display.js +15 -144
  120. package/dist/theme/customizations/feedback.js +1 -1
  121. package/dist/theme/customizations/inputs.js +29 -226
  122. package/dist/theme/customizations/navigation.js +26 -12
  123. package/dist/theme/customizations/surfaces.js +5 -5
  124. package/dist/theme/theme-primitives.d.ts +24 -0
  125. package/dist/theme/theme-primitives.js +73 -48
  126. package/dist/{typographyClasses-QAKcrTAX.js → typographyClasses-DTwotNbm.js} +2 -2
  127. package/dist/{useMobilePicker-DlmTFHhN.js → useMobilePicker-CYRSYIKP.js} +1852 -1848
  128. package/dist/{useSlot-CiHsL61G.js → useSlot-B_4ipGBP.js} +6 -6
  129. package/dist/{useTheme-Dy5JmnOe.js → useTheme-D1MJ3g_i.js} +1 -1
  130. package/dist/{useThemeProps-BGjjVPlJ.js → useThemeProps-CTcSO3lC.js} +2 -2
  131. package/dist/{warning-DWsjz4u6.js → warning-DyDdgu8-.js} +3 -3
  132. package/package.json +6 -4
  133. package/dist/HelpOutlineOutlined-Dw_XSjYK.js +0 -8
  134. package/dist/chipClasses-WFcUH6gU.js +0 -10
  135. package/dist/createTheme-DuP3DZSF.js +0 -3005
  136. package/dist/generateUtilityClasses-BpNk3DNr.js +0 -230
@@ -1,21 +1,25 @@
1
1
  import { MuiAvatar as o } from "./avatar.js";
2
2
  import { MuiBackdrop as r } from "./backdrop.js";
3
- import { MuiContainer as i } from "./container.js";
4
- import { MuiFormControl as m } from "./form-control.js";
5
- import { MuiPopover as t } from "./popover.js";
6
- import { MuiRating as p } from "./rating.js";
7
- import { MuiSlider as f } from "./slider.js";
3
+ import { MuiButton as i } from "./button.js";
4
+ import { MuiChip as m } from "./chip.js";
5
+ import { MuiContainer as t } from "./container.js";
6
+ import { MuiFormControl as p } from "./form-control.js";
7
+ import { MuiPopover as u } from "./popover.js";
8
+ import { MuiRating as f } from "./rating.js";
9
+ import { MuiSlider as M } from "./slider.js";
8
10
  import { MuiSvgIcon as n } from "./svg-icon.js";
9
- const l = {
11
+ const S = {
10
12
  MuiAvatar: o,
11
- MuiRating: p,
12
- MuiSlider: f,
13
+ MuiRating: f,
14
+ MuiSlider: M,
13
15
  MuiSvgIcon: n,
14
- MuiContainer: i,
16
+ MuiContainer: t,
15
17
  MuiBackdrop: r,
16
- MuiPopover: t,
17
- MuiFormControl: m
18
+ MuiPopover: u,
19
+ MuiFormControl: p,
20
+ MuiChip: m,
21
+ MuiButton: i
18
22
  };
19
23
  export {
20
- l as components
24
+ S as components
21
25
  };
@@ -1,7 +1,2 @@
1
1
  import { Components, Theme } from '@mui/material/styles';
2
- declare module '@mui/material/Chip' {
3
- interface ChipPropsColorOverrides {
4
- premium: true;
5
- }
6
- }
7
2
  export declare const dataDisplayCustomizations: Components<Theme>;
@@ -1,13 +1,9 @@
1
- import { j as s } from "../../jsx-runtime-DywqP_6a.js";
2
- import { C as p } from "../../Close-CVFQMMUW.js";
3
- import { gray as e, green as t, red as i } from "../theme-primitives.js";
4
- import { i as n } from "../../iconButtonClasses-DMst1jJO.js";
5
- import { c as r } from "../../chipClasses-WFcUH6gU.js";
6
- import { s as l } from "../../createSvgIcon-DN-sh_sr.js";
7
- import { b as d } from "../../buttonBaseClasses-CF7RfAgE.js";
8
- import { t as c } from "../../typographyClasses-QAKcrTAX.js";
9
- import { a } from "../../createTheme-DuP3DZSF.js";
10
- const h = {
1
+ import { i as e } from "../../iconButtonClasses-WmsPyI4v.js";
2
+ import { b as r } from "../../buttonBaseClasses-CR6HkqQ3.js";
3
+ import { s as i } from "../../svgIconClasses-BYFQaEQ7.js";
4
+ import { t as a } from "../../typographyClasses-DTwotNbm.js";
5
+ import { a as t } from "../../colorManipulator-CPZHCebU.js";
6
+ const y = {
11
7
  MuiList: {
12
8
  styleOverrides: {
13
9
  root: {
@@ -21,15 +17,15 @@ const h = {
21
17
  MuiListItem: {
22
18
  styleOverrides: {
23
19
  root: ({ theme: o }) => ({
24
- [`& .${l.root}`]: {
20
+ [`& .${i.root}`]: {
25
21
  width: "1rem",
26
22
  height: "1rem",
27
23
  color: (o.vars || o).palette.text.secondary
28
24
  },
29
- [`& .${c.root}`]: {
25
+ [`& .${a.root}`]: {
30
26
  fontWeight: 500
31
27
  },
32
- [`& .${d.root}`]: {
28
+ [`& .${r.root}`]: {
33
29
  display: "flex",
34
30
  gap: 8,
35
31
  padding: "2px 8px",
@@ -37,15 +33,15 @@ const h = {
37
33
  opacity: 0.7,
38
34
  "&.Mui-selected": {
39
35
  opacity: 1,
40
- backgroundColor: a(o.palette.action.selected, 0.3),
41
- [`& .${l.root}`]: {
36
+ backgroundColor: t(o.palette.action.selected, 0.3),
37
+ [`& .${i.root}`]: {
42
38
  color: (o.vars || o).palette.text.primary
43
39
  },
44
40
  "&:focus-visible": {
45
- backgroundColor: a(o.palette.action.selected, 0.3)
41
+ backgroundColor: t(o.palette.action.selected, 0.3)
46
42
  },
47
43
  "&:hover": {
48
- backgroundColor: a(o.palette.action.selected, 0.5)
44
+ backgroundColor: t(o.palette.action.selected, 0.5)
49
45
  }
50
46
  },
51
47
  "&:focus-visible": {
@@ -86,138 +82,13 @@ const h = {
86
82
  }
87
83
  }
88
84
  },
89
- MuiChip: {
90
- defaultProps: {
91
- size: "small",
92
- deleteIcon: /* @__PURE__ */ s.jsx(p, {})
93
- },
94
- styleOverrides: {
95
- root: ({ theme: o }) => ({
96
- border: "1px solid",
97
- borderRadius: "999px",
98
- [`& .${r.label}`]: {
99
- fontWeight: 600
100
- },
101
- variants: [
102
- {
103
- props: {
104
- color: "default"
105
- },
106
- style: {
107
- borderColor: e[200],
108
- backgroundColor: e[100],
109
- [`& .${r.label}`]: {
110
- color: e[500]
111
- },
112
- [`& .${r.icon}`]: {
113
- color: e[500]
114
- },
115
- ...o.applyStyles("dark", {
116
- borderColor: e[700],
117
- backgroundColor: e[800],
118
- [`& .${r.label}`]: {
119
- color: e[300]
120
- },
121
- [`& .${r.icon}`]: {
122
- color: e[300]
123
- }
124
- })
125
- }
126
- },
127
- {
128
- props: {
129
- color: "success"
130
- },
131
- style: {
132
- borderColor: t[200],
133
- backgroundColor: t[50],
134
- [`& .${r.label}`]: {
135
- color: t[500]
136
- },
137
- [`& .${r.icon}`]: {
138
- color: t[500]
139
- },
140
- ...o.applyStyles("dark", {
141
- borderColor: t[800],
142
- backgroundColor: t[900],
143
- [`& .${r.label}`]: {
144
- color: t[300]
145
- },
146
- [`& .${r.icon}`]: {
147
- color: t[300]
148
- }
149
- })
150
- }
151
- },
152
- {
153
- props: {
154
- color: "error"
155
- },
156
- style: {
157
- borderColor: i[100],
158
- backgroundColor: i[50],
159
- [`& .${r.label}`]: {
160
- color: i[500]
161
- },
162
- [`& .${r.icon}`]: {
163
- color: i[500]
164
- },
165
- ...o.applyStyles("dark", {
166
- borderColor: i[800],
167
- backgroundColor: i[900],
168
- [`& .${r.label}`]: {
169
- color: i[200]
170
- },
171
- [`& .${r.icon}`]: {
172
- color: i[300]
173
- }
174
- })
175
- }
176
- },
177
- {
178
- props: { size: "small" },
179
- style: {
180
- maxHeight: 20,
181
- [`& .${r.label}`]: {
182
- fontSize: o.typography.caption.fontSize
183
- },
184
- [`& .${l.root}`]: {
185
- fontSize: o.typography.caption.fontSize
186
- }
187
- }
188
- },
189
- {
190
- props: { size: "medium" },
191
- style: {
192
- [`& .${r.label}`]: {
193
- fontSize: o.typography.caption.fontSize
194
- }
195
- }
196
- },
197
- {
198
- props: { color: "premium" },
199
- style: {
200
- background: "linear-gradient(90deg, #18181b 0%, #27272a 100%)",
201
- border: "1px solid",
202
- borderColor: o.palette.divider,
203
- [`& .${r.label}`]: {
204
- fontWeight: 600
205
- }
206
- }
207
- }
208
- ]
209
- }),
210
- labelSmall: { paddingInline: 12 },
211
- colorSecondary: { color: e[500], backgroundColor: e[100] }
212
- }
213
- },
214
85
  MuiTablePagination: {
215
86
  styleOverrides: {
216
87
  actions: {
217
88
  display: "flex",
218
89
  gap: 8,
219
90
  marginRight: 6,
220
- [`& .${n.root}`]: {
91
+ [`& .${e.root}`]: {
221
92
  minWidth: 0,
222
93
  width: 36,
223
94
  height: 36
@@ -246,5 +117,5 @@ const h = {
246
117
  }
247
118
  };
248
119
  export {
249
- h as dataDisplayCustomizations
120
+ y as dataDisplayCustomizations
250
121
  };
@@ -1,5 +1,5 @@
1
1
  import { gray as i, orange as o } from "../theme-primitives.js";
2
- import { a } from "../../createTheme-DuP3DZSF.js";
2
+ import { a } from "../../colorManipulator-CPZHCebU.js";
3
3
  const l = {
4
4
  MuiAlert: {
5
5
  styleOverrides: {
@@ -1,16 +1,17 @@
1
1
  import { j as a } from "../../jsx-runtime-DywqP_6a.js";
2
- import { c as i, s } from "../../createSvgIcon-DN-sh_sr.js";
2
+ import { c as l } from "../../createSvgIcon-9XY7lJan.js";
3
3
  import { brand as r, gray as e } from "../theme-primitives.js";
4
- import { o as p } from "../../outlinedInputClasses-E4FwVkZh.js";
5
- import { g as n } from "../../generateUtilityClasses-BpNk3DNr.js";
6
- import { a as t } from "../../createTheme-DuP3DZSF.js";
7
- const c = i(/* @__PURE__ */ a.jsx("path", {
4
+ import { o as p } from "../../outlinedInputClasses-Cor6Mcxo.js";
5
+ import { g as d } from "../../generateUtilityClasses-D-O3RBPF.js";
6
+ import { s } from "../../svgIconClasses-BYFQaEQ7.js";
7
+ import { a as t } from "../../colorManipulator-CPZHCebU.js";
8
+ const u = l(/* @__PURE__ */ a.jsx("path", {
8
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"
9
- }), "CheckBoxOutlineBlankRounded"), u = i(/* @__PURE__ */ a.jsx("path", {
10
+ }), "CheckBoxOutlineBlankRounded"), c = l(/* @__PURE__ */ a.jsx("path", {
10
11
  d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
11
- }), "CheckRounded"), b = i(/* @__PURE__ */ a.jsx("path", {
12
+ }), "CheckRounded"), b = l(/* @__PURE__ */ a.jsx("path", {
12
13
  d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
13
- }), "RemoveRounded"), g = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), f = {
14
+ }), "RemoveRounded"), g = d("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), n = d("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
14
15
  MuiButtonBase: {
15
16
  defaultProps: {
16
17
  disableTouchRipple: !0,
@@ -31,216 +32,14 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
31
32
  }
32
33
  }
33
34
  },
34
- MuiButton: {
35
- styleOverrides: {
36
- root: ({ theme: o }) => ({
37
- boxShadow: "none",
38
- borderRadius: (o.vars || o).shape.borderRadius,
39
- textTransform: "none",
40
- variants: [
41
- {
42
- props: {
43
- size: "small"
44
- },
45
- style: {
46
- height: "2.25rem",
47
- padding: "8px 12px"
48
- }
49
- },
50
- {
51
- props: {
52
- size: "medium"
53
- },
54
- style: {
55
- height: "2.5rem"
56
- // 40px
57
- }
58
- },
59
- {
60
- props: {
61
- color: "primary",
62
- variant: "contained"
63
- },
64
- style: {
65
- ...o.applyStyles("dark", {
66
- color: "white",
67
- backgroundImage: "linear-gradient(to right, #2b5876 0%, #004e92 51%, #2b5876 100%)",
68
- boxShadow: "0px 0px 0px 1px #004e92",
69
- transition: "0.5s",
70
- backgroundSize: "200% auto",
71
- "&:hover": {
72
- backgroundPosition: "right center",
73
- textDecoration: "none"
74
- },
75
- "&:active": {
76
- filter: "brightness(1.1)"
77
- },
78
- "&.MuiButton-loading": {
79
- "& .MuiButton-loadingIndicator": {
80
- color: "white"
81
- }
82
- },
83
- "&.Mui-disabled": {
84
- color: e[400]
85
- }
86
- })
87
- }
88
- },
89
- {
90
- props: {
91
- color: "secondary",
92
- variant: "contained"
93
- },
94
- style: {
95
- color: "white",
96
- backgroundColor: r[300],
97
- backgroundImage: `linear-gradient(to bottom, ${t(r[400], 0.8)}, ${r[500]})`,
98
- boxShadow: `inset 0 2px 0 ${t(r[200], 0.2)}, inset 0 -2px 0 ${t(r[700], 0.4)}`,
99
- border: `1px solid ${r[500]}`,
100
- "&:hover": {
101
- backgroundColor: r[700],
102
- boxShadow: "none"
103
- },
104
- "&:active": {
105
- backgroundColor: r[700],
106
- backgroundImage: "none"
107
- },
108
- "&.MuiButton-loading": {
109
- "& .MuiButton-loadingIndicator": {
110
- color: "white"
111
- }
112
- }
113
- }
114
- },
115
- {
116
- props: {
117
- variant: "outlined"
118
- },
119
- style: {
120
- color: (o.vars || o).palette.text.primary,
121
- border: "1px solid",
122
- borderColor: e[200],
123
- backgroundColor: t(e[50], 0.3),
124
- "&:hover": {
125
- backgroundColor: e[100],
126
- borderColor: e[300]
127
- },
128
- "&:active": {
129
- backgroundColor: e[200]
130
- },
131
- "&.MuiButton-loading": {
132
- "& .MuiButton-loadingIndicator": {
133
- color: (o.vars || o).palette.text.primary
134
- }
135
- },
136
- ...o.applyStyles("dark", {
137
- backgroundColor: e[800],
138
- borderColor: e[700],
139
- "&:hover": {
140
- backgroundColor: e[900],
141
- borderColor: e[600]
142
- },
143
- "&:active": {
144
- backgroundColor: e[900]
145
- }
146
- })
147
- }
148
- },
149
- {
150
- props: {
151
- color: "secondary",
152
- variant: "outlined"
153
- },
154
- style: {
155
- color: r[700],
156
- border: "1px solid",
157
- borderColor: r[200],
158
- backgroundColor: r[50],
159
- "&:hover": {
160
- backgroundColor: r[100],
161
- borderColor: r[400]
162
- },
163
- "&:active": {
164
- backgroundColor: t(r[200], 0.7)
165
- },
166
- ...o.applyStyles("dark", {
167
- color: r[50],
168
- border: "1px solid",
169
- borderColor: r[900],
170
- backgroundColor: t(r[900], 0.3),
171
- "&:hover": {
172
- borderColor: r[700],
173
- backgroundColor: t(r[900], 0.6)
174
- },
175
- "&:active": {
176
- backgroundColor: t(r[900], 0.5)
177
- }
178
- })
179
- }
180
- },
181
- {
182
- props: {
183
- variant: "text"
184
- },
185
- style: {
186
- color: e[600],
187
- "&:hover": {
188
- backgroundColor: e[100]
189
- },
190
- "&:active": {
191
- backgroundColor: e[200]
192
- },
193
- ...o.applyStyles("dark", {
194
- color: e[50],
195
- "&:hover": {
196
- backgroundColor: e[700]
197
- },
198
- "&:active": {
199
- backgroundColor: t(e[700], 0.7)
200
- }
201
- })
202
- }
203
- },
204
- {
205
- props: {
206
- color: "secondary",
207
- variant: "text"
208
- },
209
- style: {
210
- color: r[700],
211
- "&:hover": {
212
- backgroundColor: t(r[100], 0.5)
213
- },
214
- "&:active": {
215
- backgroundColor: t(r[200], 0.7)
216
- },
217
- ...o.applyStyles("dark", {
218
- color: r[100],
219
- "&:hover": {
220
- backgroundColor: t(r[900], 0.5)
221
- },
222
- "&:active": {
223
- backgroundColor: t(r[900], 0.3)
224
- }
225
- })
226
- }
227
- }
228
- ]
229
- })
230
- }
231
- },
232
35
  MuiIconButton: {
233
36
  styleOverrides: {
234
37
  root: ({ theme: o }) => ({
235
38
  boxShadow: "none",
236
- // borderRadius: (theme.vars || theme).shape.borderRadius,
237
39
  textTransform: "none",
238
40
  fontWeight: o.typography.fontWeightMedium,
239
41
  letterSpacing: 0,
240
- color: (o.vars || o).palette.text.primary,
241
- // border: '1px solid ',
242
42
  borderColor: e[200],
243
- // backgroundColor: alpha(gray[50], 0.3),
244
43
  "&:hover": {
245
44
  backgroundColor: (o.vars || o).palette.action.hover,
246
45
  borderColor: e[300]
@@ -249,7 +48,6 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
249
48
  backgroundColor: (o.vars || o).palette.action.selected
250
49
  },
251
50
  ...o.applyStyles("dark", {
252
- // backgroundColor: gray[800],
253
51
  borderColor: e[700],
254
52
  "&:hover": {
255
53
  backgroundColor: (o.vars || o).palette.action.hover,
@@ -265,9 +63,6 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
265
63
  size: "small"
266
64
  },
267
65
  style: {
268
- width: "2.25rem",
269
- height: "2.25rem",
270
- padding: "0.25rem",
271
66
  [`& .${s.root}`]: { fontSize: "1rem" }
272
67
  }
273
68
  },
@@ -276,8 +71,15 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
276
71
  size: "medium"
277
72
  },
278
73
  style: {
279
- width: "2.5rem",
280
- height: "2.5rem"
74
+ [`& .${s.root}`]: { fontSize: "1.25rem" }
75
+ }
76
+ },
77
+ {
78
+ props: {
79
+ size: "large"
80
+ },
81
+ style: {
82
+ [`& .${s.root}`]: { fontSize: "1.5rem" }
281
83
  }
282
84
  }
283
85
  ]
@@ -289,11 +91,11 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
289
91
  root: ({ theme: o }) => ({
290
92
  borderRadius: "10px",
291
93
  boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
292
- [`& .${d.selected}`]: {
94
+ [`& .${n.selected}`]: {
293
95
  color: r[500]
294
96
  },
295
97
  ...o.applyStyles("dark", {
296
- [`& .${d.selected}`]: {
98
+ [`& .${n.selected}`]: {
297
99
  color: "#fff"
298
100
  },
299
101
  boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
@@ -321,17 +123,18 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
321
123
  MuiCheckbox: {
322
124
  defaultProps: {
323
125
  disableRipple: !0,
324
- icon: /* @__PURE__ */ a.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
325
- checkedIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } }),
126
+ icon: /* @__PURE__ */ a.jsx(u, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
127
+ checkedIcon: /* @__PURE__ */ a.jsx(c, { sx: { height: 14, width: 14 } }),
326
128
  indeterminateIcon: /* @__PURE__ */ a.jsx(b, { sx: { height: 14, width: 14 } })
327
129
  },
328
130
  styleOverrides: {
329
131
  root: ({ theme: o }) => ({
330
- margin: 10,
132
+ margin: 8,
133
+ marginLeft: 0,
331
134
  height: 16,
332
135
  width: 16,
333
136
  borderRadius: 5,
334
- border: "1px solid ",
137
+ border: "1px solid",
335
138
  borderColor: t(e[300], 0.8),
336
139
  boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
337
140
  backgroundColor: t(e[100], 0.4),
@@ -410,7 +213,7 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
410
213
  },
411
214
  MuiOutlinedInput: {
412
215
  styleOverrides: {
413
- input: ({ ownerState: o, theme: l }) => ({
216
+ input: ({ ownerState: o, theme: i }) => ({
414
217
  padding: 0,
415
218
  ...o.type === "number" && {
416
219
  // Remove spinner buttons (cross-browser)
@@ -422,10 +225,10 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
422
225
  // Firefox
423
226
  },
424
227
  "&:-webkit-autofill": {
425
- boxShadow: `${(l.vars || l).palette.background.default} 0px 0px 0px 100px inset !important`
228
+ boxShadow: `${(i.vars || i).palette.background.default} 0px 0px 0px 100px inset !important`
426
229
  },
427
230
  "&:-moz-autofill": {
428
- boxShadow: `${(l.vars || l).palette.background.default} 0px 0px 0px 100px inset !important`
231
+ boxShadow: `${(i.vars || i).palette.background.default} 0px 0px 0px 100px inset !important`
429
232
  }
430
233
  }),
431
234
  root: ({ theme: o }) => ({
@@ -491,5 +294,5 @@ const c = i(/* @__PURE__ */ a.jsx("path", {
491
294
  }
492
295
  };
493
296
  export {
494
- f as inputsCustomizations
297
+ m as inputsCustomizations
495
298
  };
@@ -1,12 +1,26 @@
1
- import { j as a } from "../../jsx-runtime-DywqP_6a.js";
1
+ import { j as t } from "../../jsx-runtime-DywqP_6a.js";
2
2
  import * as i from "react";
3
- import { c as s } from "../../createSvgIcon-DN-sh_sr.js";
4
- import { gray as o, brand as l } from "../theme-primitives.js";
5
- import { t } from "../../tabClasses-LXCeUS4i.js";
6
- import { a as n } from "../../createTheme-DuP3DZSF.js";
7
- const d = s(/* @__PURE__ */ a.jsx("path", {
3
+ import { c as l } from "../../createSvgIcon-9XY7lJan.js";
4
+ import { gray as o, brand as s } from "../theme-primitives.js";
5
+ import { t as a } from "../../tabClasses-CXQXD3XZ.js";
6
+ import { a as d } from "../../colorManipulator-CPZHCebU.js";
7
+ const n = l(/* @__PURE__ */ t.jsx("path", {
8
8
  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"
9
- }), "UnfoldMoreRounded"), y = {
9
+ }), "UnfoldMoreRounded"), g = {
10
+ MuiAppBar: {
11
+ styleOverrides: {
12
+ root: ({ theme: r }) => ({
13
+ backgroundColor: (r.vars || r).palette.background.default,
14
+ "&.MuiAppBar-colorPrimary": {
15
+ backgroundColor: (r.vars || r).palette.background.default
16
+ },
17
+ boxShadow: "none",
18
+ backgroundImage: "none",
19
+ borderBottom: "1px solid",
20
+ borderColor: (r.vars || r).palette.divider
21
+ })
22
+ }
23
+ },
10
24
  MuiMenu: {
11
25
  styleOverrides: {
12
26
  list: {
@@ -34,7 +48,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
34
48
  },
35
49
  MuiSelect: {
36
50
  defaultProps: {
37
- IconComponent: i.forwardRef((r, e) => /* @__PURE__ */ a.jsx(d, { fontSize: "small", ...r, ref: e }))
51
+ IconComponent: i.forwardRef((r, e) => /* @__PURE__ */ t.jsx(n, { fontSize: "small", ...r, ref: e }))
38
52
  }
39
53
  },
40
54
  MuiLink: {
@@ -63,7 +77,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
63
77
  width: 0
64
78
  },
65
79
  "&:focus-visible": {
66
- outline: `3px solid ${n(l[500], 0.5)}`,
80
+ outline: `3px solid ${d(s[500], 0.5)}`,
67
81
  outlineOffset: "4px",
68
82
  borderRadius: "2px"
69
83
  }
@@ -122,7 +136,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
122
136
  color: (r.vars || r).palette.text.primary,
123
137
  backgroundColor: (r.vars || r).palette.action.hover
124
138
  },
125
- [`&.${t.selected}`]: {
139
+ [`&.${a.selected}`]: {
126
140
  color: (r.vars || r).palette.text.primary,
127
141
  backgroundColor: (r.vars || r).palette.action.selected
128
142
  },
@@ -131,7 +145,7 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
131
145
  color: (r.vars || r).palette.text.primary,
132
146
  backgroundColor: (r.vars || r).palette.action.hover
133
147
  },
134
- [`&.${t.selected}`]: {
148
+ [`&.${a.selected}`]: {
135
149
  color: (r.vars || r).palette.text.primary,
136
150
  backgroundColor: (r.vars || r).palette.action.selected
137
151
  }
@@ -203,5 +217,5 @@ const d = s(/* @__PURE__ */ a.jsx("path", {
203
217
  }
204
218
  };
205
219
  export {
206
- y as navigationCustomizations
220
+ g as navigationCustomizations
207
221
  };