tccd-ui 0.0.58 → 0.0.59
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/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -72,7 +72,7 @@ var Button = ({ buttonText, buttonIcon, onClick, type, disabled = false, loading
|
|
|
72
72
|
const stylePresets = {
|
|
73
73
|
primary: "bg-primary text-text border-primary",
|
|
74
74
|
secondary: "bg-secondary text-text border-secondary",
|
|
75
|
-
tertiary: "bg-background
|
|
75
|
+
tertiary: "bg-background text-text border-contrast",
|
|
76
76
|
danger: "border-primary text-primary",
|
|
77
77
|
ghost: "text-secondary border-secondary",
|
|
78
78
|
basic: "border-contrast"
|
|
@@ -246,7 +246,7 @@ function DropdownMenu({
|
|
|
246
246
|
),
|
|
247
247
|
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_io5.IoChevronDown, { className: `absolute right-3 top-1/2 transform -translate-y-1/2 w-5 h-5 dark:text-label text-secondary transition-transform duration-200 pointer-events-none ${isOpen ? "rotate-180" : ""}` })
|
|
248
248
|
] }),
|
|
249
|
-
isOpen && !disabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute z-50 w-full mt-1 bg-background border border-secondary/30 rounded-xl shadow-lg max-h-60 overflow-y-auto", children: options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-3 py-2 text-sm text-text", children: "No options available" }) : options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
249
|
+
isOpen && !disabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute z-50 w-full mt-1 bg-background border border-secondary/30 rounded-xl shadow-lg max-h-60 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-background [&::-webkit-scrollbar-thumb]:bg-secondary/30 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:hover:bg-secondary/50", children: options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-3 py-2 text-sm text-text", children: "No options available" }) : options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
250
250
|
"button",
|
|
251
251
|
{
|
|
252
252
|
type: "button",
|
|
@@ -255,7 +255,7 @@ function DropdownMenu({
|
|
|
255
255
|
className: `
|
|
256
256
|
w-full px-3 py-2 text-left text-sm transition-colors duration-150
|
|
257
257
|
${option.disabled ? "text-gray-400 cursor-not-allowed" : "text-text hover:bg-secondary/10 hover:dark:bg-surface-glass-bg hover:text-secondary hover:dark:text-text cursor-pointer"}
|
|
258
|
-
${value === option.value ? "bg-secondary/20 text-secondary dark:bg-surface-glass-bg/
|
|
258
|
+
${value === option.value ? "bg-secondary/20 text-secondary dark:bg-surface-glass-bg/50 dark:text-text font-medium" : ""}
|
|
259
259
|
first:rounded-t-xl last:rounded-b-xl
|
|
260
260
|
`,
|
|
261
261
|
children: option.label
|