najm-kit 2.11.18 → 2.11.19
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/CHANGELOG.md +10 -3
- package/dist/index.mjs +6 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
## 2.11.
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
## 2.11.19 - 2026-09-06
|
|
4
|
+
|
|
5
|
+
- Made native calendar month and year dropdowns follow the resolved Najm light
|
|
6
|
+
or dark theme instead of opening with the browser's light color scheme.
|
|
7
|
+
- Added pointer cursors to interactive calendar days while retaining the
|
|
8
|
+
not-allowed cursor for disabled dates.
|
|
9
|
+
|
|
10
|
+
## 2.11.18 - 2026-09-06
|
|
4
11
|
|
|
5
12
|
- Added a resolved-state render-prop form of `NSidebar.footer`, matching the
|
|
6
13
|
existing logo contract. Custom footers now receive the actual desktop
|
package/dist/index.mjs
CHANGED
|
@@ -4801,6 +4801,7 @@ var SwitchInput = ({ value, onChange, label = "", helper, className = "", varian
|
|
|
4801
4801
|
] });
|
|
4802
4802
|
function Calendar(props) {
|
|
4803
4803
|
const { className, classNames, mode = "single", ...rest } = props;
|
|
4804
|
+
const themeMode = useNajmThemeMode();
|
|
4804
4805
|
return /* @__PURE__ */ jsx(
|
|
4805
4806
|
DayPicker,
|
|
4806
4807
|
{
|
|
@@ -4812,7 +4813,10 @@ function Calendar(props) {
|
|
|
4812
4813
|
caption_label: "text-sm font-medium",
|
|
4813
4814
|
dropdowns: "relative inline-flex items-center gap-2",
|
|
4814
4815
|
dropdown_root: "relative inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-sm font-medium text-foreground hover:bg-accent",
|
|
4815
|
-
dropdown:
|
|
4816
|
+
dropdown: cn(
|
|
4817
|
+
"absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
|
|
4818
|
+
themeMode === "dark" ? "scheme-dark" : "scheme-light"
|
|
4819
|
+
),
|
|
4816
4820
|
nav: "flex items-center gap-1",
|
|
4817
4821
|
button_previous: cn(buttonVariants({ variant: "ghost", size: "icon" }), "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute left-1"),
|
|
4818
4822
|
button_next: cn(buttonVariants({ variant: "ghost", size: "icon" }), "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute right-1"),
|
|
@@ -4821,7 +4825,7 @@ function Calendar(props) {
|
|
|
4821
4825
|
weekday: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
|
|
4822
4826
|
week: "flex w-full mt-2",
|
|
4823
4827
|
day: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent",
|
|
4824
|
-
day_button: "size-8 p-0 font-normal aria-selected:bg-primary aria-selected:text-primary-foreground",
|
|
4828
|
+
day_button: "size-8 cursor-pointer p-0 font-normal aria-selected:bg-primary aria-selected:text-primary-foreground disabled:cursor-not-allowed",
|
|
4825
4829
|
selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground rounded-md",
|
|
4826
4830
|
today: "bg-accent text-accent-foreground rounded-md",
|
|
4827
4831
|
outside: "text-muted-foreground opacity-50",
|