@hogoshi/ui 0.1.3 → 0.1.4

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/sheet.tsx +2 -2
  3. package/src/components/sidebar.tsx +2 -2
  4. package/src/components/toaster.tsx +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hogoshi/ui",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
package/src/components/sheet.tsx CHANGED
@@ -18,9 +18,9 @@ const SideContext = createContext<SheetSide>("right");
18
18
  const direction = { top: "up", right: "right", bottom: "down", left: "left" } as const;
19
19
 
20
20
  const edge = {
21
- top: "top-[max(0.75rem,var(--safe-top))]",
21
+ top: "top-[calc(var(--safe-top)+0.75rem)]",
22
22
  right: "right-[max(0.75rem,var(--safe-right))]",
23
- bottom: "bottom-[max(0.75rem,var(--safe-bottom))]",
23
+ bottom: "bottom-2",
24
24
  left: "left-[max(0.75rem,var(--safe-left))]",
25
25
  };
26
26
 
package/src/components/sidebar.tsx CHANGED
@@ -41,7 +41,7 @@ export function Sidebar({ className, ...props }: ComponentProps<"aside">) {
41
41
  <aside
42
42
  data-collapsed={collapsed || undefined}
43
43
  className={cn(
44
- "bg-bg-elevated border-border hidden h-full min-h-0 w-[calc(15rem+var(--safe-left))] shrink-0 flex-col overflow-hidden border-r pt-[var(--safe-top)] pb-[var(--safe-bottom)] pl-[var(--safe-left)] transition-[width] duration-[var(--motion-duration)] ease-[var(--motion-ease)] md:flex",
44
+ "bg-bg-elevated border-border hidden h-full min-h-0 w-[calc(15rem+var(--safe-left))] shrink-0 flex-col overflow-hidden border-r pt-[calc(var(--safe-top)+0.5rem)] pb-2 pl-[var(--safe-left)] transition-[width] duration-[var(--motion-duration)] ease-[var(--motion-ease)] md:flex",
45
45
  collapsed && "w-[calc(3.5rem+var(--safe-left))]",
46
46
  className,
47
47
  )}
@@ -154,7 +154,7 @@ export function BottomBar({ className, children, ...props }: ComponentProps<"nav
154
154
  return (
155
155
  <nav
156
156
  className={cn(
157
- "bg-bg-elevated/70 border-border fixed right-[max(0.75rem,var(--safe-right))] bottom-[max(0.5rem,var(--safe-bottom))] left-[max(0.75rem,var(--safe-left))] z-[var(--z-sticky)] rounded-[var(--radius-lg)] border p-1 shadow-[var(--shadow-md)] backdrop-blur-xl md:hidden",
157
+ "bg-bg-elevated/70 border-border fixed right-[max(0.75rem,var(--safe-right))] bottom-2 left-[max(0.75rem,var(--safe-left))] z-[var(--z-sticky)] rounded-[var(--radius-lg)] border p-1 shadow-[var(--shadow-md)] backdrop-blur-xl md:hidden",
158
158
  className,
159
159
  )}
160
160
  {...props}
package/src/components/toaster.tsx CHANGED
@@ -13,13 +13,13 @@ export function Toaster() {
13
13
  position="bottom-right"
14
14
  closeButton
15
15
  offset={{
16
- bottom: "max(1.5rem, var(--safe-bottom))",
17
- right: "max(1.5rem, var(--safe-right))",
16
+ bottom: "1.5rem",
17
+ right: "1.5rem",
18
18
  }}
19
19
  mobileOffset={{
20
- bottom: "calc(4.25rem + max(0.5rem, var(--safe-bottom)))",
21
- left: "max(1rem, var(--safe-left))",
22
- right: "max(1rem, var(--safe-right))",
20
+ bottom: "5rem",
21
+ left: "1rem",
22
+ right: "1rem",
23
23
  }}
24
24
  style={{ zIndex: "var(--z-toast)" }}
25
25
  toastOptions={{