@djangocfg/ui-core 2.1.562 → 2.1.565
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/package.json +5 -5
- package/src/components/data/calendar/calendar.tsx +7 -7
- package/src/components/data/chart/index.tsx +1 -1
- package/src/components/navigation/context-menu/index.tsx +1 -1
- package/src/components/navigation/sidebar/sidebar.tsx +2 -2
- package/src/components/select/select.tsx +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@djangocfg/ui-core",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.565",
|
|
4
4
|
"description": "Pure React UI component library without Next.js dependencies - for Electron, Vite, CRA apps",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui-components",
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
"check:contrast": "node scripts/check-preset-contrast.mjs"
|
|
131
131
|
},
|
|
132
132
|
"peerDependencies": {
|
|
133
|
-
"@djangocfg/i18n": "^2.1.
|
|
133
|
+
"@djangocfg/i18n": "^2.1.565",
|
|
134
134
|
"consola": "^3.4.2",
|
|
135
135
|
"lucide-react": "^0.545.0",
|
|
136
136
|
"moment": "^2.30.1",
|
|
@@ -206,9 +206,9 @@
|
|
|
206
206
|
"vaul": "1.1.2"
|
|
207
207
|
},
|
|
208
208
|
"devDependencies": {
|
|
209
|
-
"@djangocfg/eslint-config": "^2.1.
|
|
210
|
-
"@djangocfg/i18n": "^2.1.
|
|
211
|
-
"@djangocfg/typescript-config": "^2.1.
|
|
209
|
+
"@djangocfg/eslint-config": "^2.1.565",
|
|
210
|
+
"@djangocfg/i18n": "^2.1.565",
|
|
211
|
+
"@djangocfg/typescript-config": "^2.1.565",
|
|
212
212
|
"@storybook/react-vite": "^10.5.0",
|
|
213
213
|
"@types/node": "^24.13.3",
|
|
214
214
|
"@types/react": "19.2.15",
|
|
@@ -66,20 +66,20 @@ function Calendar({
|
|
|
66
66
|
),
|
|
67
67
|
button_previous: cn(
|
|
68
68
|
buttonVariants({ variant: buttonVariant }),
|
|
69
|
-
"h-
|
|
69
|
+
"h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50",
|
|
70
70
|
defaultClassNames.button_previous
|
|
71
71
|
),
|
|
72
72
|
button_next: cn(
|
|
73
73
|
buttonVariants({ variant: buttonVariant }),
|
|
74
|
-
"h-
|
|
74
|
+
"h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50",
|
|
75
75
|
defaultClassNames.button_next
|
|
76
76
|
),
|
|
77
77
|
month_caption: cn(
|
|
78
|
-
"flex h-
|
|
78
|
+
"flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
|
|
79
79
|
defaultClassNames.month_caption
|
|
80
80
|
),
|
|
81
81
|
dropdowns: cn(
|
|
82
|
-
"flex h-
|
|
82
|
+
"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
|
|
83
83
|
defaultClassNames.dropdowns
|
|
84
84
|
),
|
|
85
85
|
dropdown_root: cn(
|
|
@@ -105,7 +105,7 @@ function Calendar({
|
|
|
105
105
|
),
|
|
106
106
|
week: cn("mt-2 flex w-full", defaultClassNames.week),
|
|
107
107
|
week_number_header: cn(
|
|
108
|
-
"w-
|
|
108
|
+
"w-(--cell-size) select-none",
|
|
109
109
|
defaultClassNames.week_number_header
|
|
110
110
|
),
|
|
111
111
|
week_number: cn(
|
|
@@ -182,7 +182,7 @@ function Calendar({
|
|
|
182
182
|
WeekNumber: ({ children, ...props }) => {
|
|
183
183
|
return (
|
|
184
184
|
<td {...props}>
|
|
185
|
-
<div className="flex size-
|
|
185
|
+
<div className="flex size-(--cell-size) items-center justify-center text-center">
|
|
186
186
|
{children}
|
|
187
187
|
</div>
|
|
188
188
|
</td>
|
|
@@ -227,7 +227,7 @@ function CalendarDayButton({
|
|
|
227
227
|
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring",
|
|
228
228
|
// Centered content + a radius that scales with the (now larger) cell so
|
|
229
229
|
// the selected day reads as a rounded square, not a hard box.
|
|
230
|
-
"flex aspect-square h-auto w-full min-w-
|
|
230
|
+
"flex aspect-square h-auto w-full min-w-(--cell-size) flex-col items-center justify-center gap-1 rounded-lg font-normal leading-none",
|
|
231
231
|
"data-[range-end=true]:rounded-lg data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-lg",
|
|
232
232
|
"group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-1 [&>span]:text-xs [&>span]:opacity-70",
|
|
233
233
|
defaultClassNames.day,
|
|
@@ -210,7 +210,7 @@ const ChartTooltipContent = React.forwardRef<
|
|
|
210
210
|
!hideIndicator && (
|
|
211
211
|
<div
|
|
212
212
|
className={cn(
|
|
213
|
-
"shrink-0 rounded-[2px] border-
|
|
213
|
+
"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
|
|
214
214
|
{
|
|
215
215
|
"h-2.5 w-2.5": indicator === "dot",
|
|
216
216
|
"w-1": indicator === "line",
|
|
@@ -63,7 +63,7 @@ const ContextMenuContent = React.forwardRef<
|
|
|
63
63
|
<ContextMenuPrimitive.Content
|
|
64
64
|
ref={ref}
|
|
65
65
|
className={cn(
|
|
66
|
-
"z-[1400] max-h-
|
|
66
|
+
"z-[1400] max-h-(--radix-context-menu-content-available-height) min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[var(--radius-popover)] border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:duration-75 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-98 motion-reduce:data-[state=open]:animate-none",
|
|
67
67
|
className
|
|
68
68
|
)}
|
|
69
69
|
{...props}
|
|
@@ -170,7 +170,7 @@ const Sidebar = React.forwardRef<
|
|
|
170
170
|
return (
|
|
171
171
|
<div
|
|
172
172
|
className={cn(
|
|
173
|
-
"flex h-full w-
|
|
173
|
+
"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
|
|
174
174
|
className
|
|
175
175
|
)}
|
|
176
176
|
ref={ref}
|
|
@@ -782,7 +782,7 @@ const SidebarMenuSkeleton = React.forwardRef<
|
|
|
782
782
|
/>
|
|
783
783
|
)}
|
|
784
784
|
<Skeleton
|
|
785
|
-
className="h-4 max-w-
|
|
785
|
+
className="h-4 max-w-(--skeleton-width) flex-1"
|
|
786
786
|
data-sidebar="menu-skeleton-text"
|
|
787
787
|
style={
|
|
788
788
|
{
|
|
@@ -137,7 +137,7 @@ const SelectContent = React.forwardRef<
|
|
|
137
137
|
<SelectPrimitive.Content
|
|
138
138
|
ref={ref}
|
|
139
139
|
className={cn(
|
|
140
|
-
"relative z-[1400] max-h-
|
|
140
|
+
"relative z-[1400] max-h-(--radix-select-content-available-height) min-w-32 overflow-y-auto overflow-x-hidden rounded-[var(--radius-popover)] border bg-popover backdrop-blur-xl text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
141
141
|
position === "popper" &&
|
|
142
142
|
"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
143
143
|
className
|