@burdenoff/microfe-vibecontrols 2026.625.1 → 2026.625.2
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.
|
@@ -8,7 +8,7 @@ function t({ children: t, className: n = "", onClick: r, hoverable: i = !1, padd
|
|
|
8
8
|
lg: "p-6"
|
|
9
9
|
}, s = i || !!r, c = `bg-bg-surface border border-border-seam rounded-card ${s ? "shadow-[var(--shadow-pop)]" : "shadow-elevation-1"} ${o[a]}`;
|
|
10
10
|
return /* @__PURE__ */ e(r ? "button" : "div", {
|
|
11
|
-
className: `${c} ${s ? "
|
|
11
|
+
className: `${c} ${s ? " [@media(hover:none)]: hover:shadow-elevation-2 transition-[box-shadow,transform] duration-200 ease-[var(--motion-easing-out)] cursor-pointer" : ""} ${n}`,
|
|
12
12
|
onClick: r,
|
|
13
13
|
children: t
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/shared/Card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\ninterface CardProps {\n children: ReactNode;\n className?: string;\n onClick?: () => void;\n hoverable?: boolean;\n padding?: 'none' | 'sm' | 'md' | 'lg';\n}\n\nexport function Card({\n children,\n className = '',\n onClick,\n hoverable = false,\n padding = 'md',\n}: CardProps) {\n const paddingStyles = {\n none: '',\n sm: 'p-4',\n md: 'p-5',\n lg: 'p-6',\n };\n\n const isInteractive = hoverable || !!onClick;\n\n // Boff UI 2.0 surface: seam border (visible-but-subtle, theme-aware) over the\n // surface token. Interactive cards get the soft \"pop\" shadow + the built-in\n // motion-safe pop-lift (no extra hover translate); reduced-motion + touch are\n // handled globally / by the underlying tokens so the lift is safe.\n const baseStyles = `bg-bg-surface border border-border-seam rounded-card ${\n isInteractive ? 'shadow-[var(--shadow-pop)]' : 'shadow-elevation-1'\n } ${paddingStyles[padding]}`;\n\n const interactiveStyles = isInteractive\n ? '
|
|
1
|
+
{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/shared/Card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\ninterface CardProps {\n children: ReactNode;\n className?: string;\n onClick?: () => void;\n hoverable?: boolean;\n padding?: 'none' | 'sm' | 'md' | 'lg';\n}\n\nexport function Card({\n children,\n className = '',\n onClick,\n hoverable = false,\n padding = 'md',\n}: CardProps) {\n const paddingStyles = {\n none: '',\n sm: 'p-4',\n md: 'p-5',\n lg: 'p-6',\n };\n\n const isInteractive = hoverable || !!onClick;\n\n // Boff UI 2.0 surface: seam border (visible-but-subtle, theme-aware) over the\n // surface token. Interactive cards get the soft \"pop\" shadow + the built-in\n // motion-safe pop-lift (no extra hover translate); reduced-motion + touch are\n // handled globally / by the underlying tokens so the lift is safe.\n const baseStyles = `bg-bg-surface border border-border-seam rounded-card ${\n isInteractive ? 'shadow-[var(--shadow-pop)]' : 'shadow-elevation-1'\n } ${paddingStyles[padding]}`;\n\n const interactiveStyles = isInteractive\n ? ' [@media(hover:none)]: hover:shadow-elevation-2 transition-[box-shadow,transform] duration-200 ease-[var(--motion-easing-out)] cursor-pointer'\n : '';\n\n const Component = onClick ? 'button' : 'div';\n\n return (\n <Component className={`${baseStyles} ${interactiveStyles} ${className}`} onClick={onClick}>\n {children}\n </Component>\n );\n}\n\ninterface CardHeaderProps {\n title: string;\n subtitle?: string;\n action?: ReactNode;\n icon?: ReactNode;\n}\n\nexport function CardHeader({ title, subtitle, action, icon }: CardHeaderProps) {\n return (\n <div className=\"flex items-start justify-between gap-3 mb-4\">\n <div className=\"flex items-start gap-3 min-w-0\">\n {icon && (\n <div className=\"flex-shrink-0 size-9 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center\">\n {icon}\n </div>\n )}\n <div className=\"min-w-0\">\n <h3 className=\"font-semibold text-text-primary truncate tracking-tight\">{title}</h3>\n {subtitle && <p className=\"text-sm text-text-secondary truncate\">{subtitle}</p>}\n </div>\n </div>\n {action && <div className=\"flex-shrink-0\">{action}</div>}\n </div>\n );\n}\n\ninterface CardContentProps {\n children: ReactNode;\n className?: string;\n}\n\nexport function CardContent({ children, className = '' }: CardContentProps) {\n return <div className={className}>{children}</div>;\n}\n\ninterface CardFooterProps {\n children: ReactNode;\n className?: string;\n}\n\nexport function CardFooter({ children, className = '' }: CardFooterProps) {\n return <div className={`mt-5 pt-4 border-t border-border-seam ${className}`}>{children}</div>;\n}\n"],"mappings":";;AAUA,SAAgB,EAAK,EACnB,aACA,eAAY,IACZ,YACA,eAAY,IACZ,aAAU,QACE;CACZ,IAAM,IAAgB;EACpB,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAgB,KAAa,CAAC,CAAC,GAM/B,IAAa,wDACjB,IAAgB,+BAA+B,qBAChD,GAAG,EAAc;AAQlB,QACE,kBAHgB,IAAU,WAAW,OAGrC;EAAW,WAAW,GAAG,EAAW,GAPZ,IACtB,kJACA,GAKuD,GAAG;EAAsB;EAC/E;EACS,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@burdenoff/microfe-vibecontrols",
|
|
3
|
-
"version": "2026.625.
|
|
3
|
+
"version": "2026.625.2",
|
|
4
4
|
"description": "VibeControls microfrontend for Burdenoff products",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"license": "PROPRIETARY",
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@apollo/client": "4.1.9",
|
|
62
|
-
"@burdenoff/fe-libs": "2026.625.
|
|
62
|
+
"@burdenoff/fe-libs": "2026.625.2",
|
|
63
63
|
"@tanstack/react-query": "^5.90.16",
|
|
64
64
|
"@xyflow/react": "^12.10.2",
|
|
65
65
|
"clsx": "^2.1.1",
|