@orsetra/shared-ui 1.3.12 → 1.3.14

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 (3) hide show
  1. package/components/ui/detail-page-header.tsx +1 -1
  2. package/components/ui/side-panel.tsx +3 -3
  3. package/package.json +1 -1
package/components/ui/detail-page-header.tsx CHANGED
@@ -54,7 +54,7 @@ export function DetailPageHeader({
54
54
  }: DetailPageHeaderProps) {
55
55
  return (
56
56
  <div className={cn("border-ibm-gray-20", className)}>
57
- <div className="px-4 sm:px-6 pt-1 pb-0">
57
+ <div className="px-4 sm:px-2 pt-1 pb-0">
58
58
 
59
59
  {/* Breadcrumb */}
60
60
  <Link
package/components/ui/side-panel.tsx CHANGED
@@ -20,7 +20,7 @@ const SidePanelOverlay = React.forwardRef<
20
20
  <DialogPrimitive.Overlay
21
21
  ref={ref}
22
22
  className={cn(
23
- "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
23
+ "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:duration-300 data-[state=closed]:duration-200",
24
24
  className
25
25
  )}
26
26
  {...props}
@@ -57,7 +57,7 @@ const SidePanel = ({
57
57
  <SidePanelOverlay />
58
58
  <DialogPrimitive.Content
59
59
  className={cn(
60
- "fixed z-50 bg-white shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 flex flex-col",
60
+ "fixed z-50 bg-white shadow-lg transition-transform data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:ease-out data-[state=closed]:ease-in data-[state=open]:duration-300 data-[state=closed]:duration-200 flex flex-col",
61
61
  side === "right" &&
62
62
  "inset-y-0 right-0 h-full w-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
63
63
  side === "left" &&
@@ -117,7 +117,7 @@ const SidePanelContent = React.forwardRef<
117
117
  <DialogPrimitive.Content
118
118
  ref={ref}
119
119
  className={cn(
120
- "fixed z-50 bg-white shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 flex flex-col",
120
+ "fixed z-50 bg-white shadow-lg transition-transform data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:ease-out data-[state=closed]:ease-in data-[state=open]:duration-300 data-[state=closed]:duration-200 flex flex-col",
121
121
  side === "right" &&
122
122
  "inset-y-0 right-0 h-full w-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
123
123
  side === "left" &&
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orsetra/shared-ui",
3
- "version": "1.3.12",
3
+ "version": "1.3.14",
4
4
  "description": "Shared UI components for Orsetra platform",
5
5
  "main": "./index.ts",
6
6
  "types": "./index.ts",