framepexls-ui-lib 0.3.13 → 0.3.15
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/ComboSelect.js +2 -2
- package/dist/ComboSelect.mjs +2 -2
- package/dist/theme.css +31 -0
- package/package.json +1 -1
package/dist/ComboSelect.js
CHANGED
|
@@ -267,8 +267,8 @@ function ComboSelect({
|
|
|
267
267
|
"div",
|
|
268
268
|
{
|
|
269
269
|
className: cx(
|
|
270
|
-
"flex items-center justify-between gap-3",
|
|
271
|
-
isActive ? "bg-slate-50 dark:bg-slate-
|
|
270
|
+
"flex items-center justify-between gap-3 px-3 py-2 border-l-2 border-transparent transition-colors",
|
|
271
|
+
isActive ? "bg-slate-50 dark:bg-slate-900/50 dark:border-rose-400/80" : "hover:bg-slate-50 dark:hover:bg-slate-900/35"
|
|
272
272
|
),
|
|
273
273
|
children: [
|
|
274
274
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex items-center gap-3", children: [
|
package/dist/ComboSelect.mjs
CHANGED
|
@@ -234,8 +234,8 @@ function ComboSelect({
|
|
|
234
234
|
"div",
|
|
235
235
|
{
|
|
236
236
|
className: cx(
|
|
237
|
-
"flex items-center justify-between gap-3",
|
|
238
|
-
isActive ? "bg-slate-50 dark:bg-slate-
|
|
237
|
+
"flex items-center justify-between gap-3 px-3 py-2 border-l-2 border-transparent transition-colors",
|
|
238
|
+
isActive ? "bg-slate-50 dark:bg-slate-900/50 dark:border-rose-400/80" : "hover:bg-slate-50 dark:hover:bg-slate-900/35"
|
|
239
239
|
),
|
|
240
240
|
children: [
|
|
241
241
|
/* @__PURE__ */ jsxs("div", { className: "min-w-0 flex items-center gap-3", children: [
|
package/dist/theme.css
CHANGED
|
@@ -123,4 +123,35 @@ body {
|
|
|
123
123
|
.print-snapshot .transition-colors,
|
|
124
124
|
.print-snapshot .transition {
|
|
125
125
|
transition: none !important;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
:root .recharts-default-tooltip {
|
|
129
|
+
border-radius: 0.75rem;
|
|
130
|
+
border: 1px solid rgba(226, 232, 240, 0.9) !important;
|
|
131
|
+
background-color: rgba(255, 255, 255, 0.96) !important;
|
|
132
|
+
color: rgb(30, 41, 59) !important;
|
|
133
|
+
font-size: 12px;
|
|
134
|
+
padding: 6px 8px;
|
|
135
|
+
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
:root[data-theme="dark"] .recharts-default-tooltip,
|
|
139
|
+
html.dark .recharts-default-tooltip {
|
|
140
|
+
border-color: rgba(148, 163, 184, 0.5) !important;
|
|
141
|
+
background-color: rgba(15, 23, 42, 0.98) !important;
|
|
142
|
+
color: rgb(241, 245, 249) !important;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
:root[data-theme="dark"] .recharts-tooltip-label,
|
|
146
|
+
html.dark .recharts-tooltip-label {
|
|
147
|
+
color: rgb(148, 163, 184) !important;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
:root .recharts-tooltip-cursor {
|
|
151
|
+
fill: rgba(148, 163, 184, 0.12) !important;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
:root[data-theme="dark"] .recharts-tooltip-cursor,
|
|
155
|
+
html.dark .recharts-tooltip-cursor {
|
|
156
|
+
fill: rgba(148, 163, 184, 0.24) !important;
|
|
126
157
|
}
|