@flamingo-stack/openframe-frontend-core 0.0.262 → 0.0.263

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 (7) hide show
  1. package/dist/components/index.cjs +5 -5
  2. package/dist/components/index.cjs.map +1 -1
  3. package/dist/components/index.js +5 -5
  4. package/dist/components/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/comment-card.tsx +1 -1
  7. package/src/components/vendor-display-button.tsx +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flamingo-stack/openframe-frontend-core",
3
- "version": "0.0.262",
3
+ "version": "0.0.263",
4
4
  "description": "Shared design system and components for all Flamingo platforms",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/components/comment-card.tsx CHANGED
@@ -76,7 +76,7 @@ export function CommentCard({
76
76
  const showDeleteButton = canUserDeleteComment()
77
77
 
78
78
  return (
79
- <div className="bg-ods-card border border-ods-border rounded-lg p-4 hover:border-[#FFC008] transition-all group overflow-hidden w-full max-w-full box-border" style={{ maxWidth: '100%', wordBreak: 'break-word' }}>
79
+ <div className="bg-ods-card border border-ods-border rounded-lg p-4 hover:border-ods-accent transition-all group overflow-hidden w-full max-w-full box-border" style={{ maxWidth: '100%', wordBreak: 'break-word' }}>
80
80
  {/* Comment Header */}
81
81
  <div className="flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2 w-full">
82
82
  {/* Row 1: Info + Timestamp */}
package/src/components/vendor-display-button.tsx CHANGED
@@ -31,7 +31,7 @@ export function VendorDisplayButton({ vendor, onClick, variant = 'default', exte
31
31
  return (
32
32
  <button
33
33
  onClick={handleClick}
34
- className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#1A1A1A] border border-[#2A2A2A] hover:border-[#FFC008]/50 transition-colors"
34
+ className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-ods-card border border-ods-border hover:border-ods-accent/50 transition-colors"
35
35
  >
36
36
  {logoUrl ? (
37
37
  <div className="w-5 h-5 rounded overflow-hidden flex-shrink-0">
@@ -44,13 +44,13 @@ export function VendorDisplayButton({ vendor, onClick, variant = 'default', exte
44
44
  />
45
45
  </div>
46
46
  ) : (
47
- <div className="w-5 h-5 rounded bg-[#2A2A2A] flex items-center justify-center flex-shrink-0">
48
- <span className="text-[#666666] text-[10px] font-medium">
47
+ <div className="w-5 h-5 rounded bg-ods-border flex items-center justify-center flex-shrink-0">
48
+ <span className="text-ods-text-secondary text-[10px] font-medium">
49
49
  {vendor.title.charAt(0).toUpperCase()}
50
50
  </span>
51
51
  </div>
52
52
  )}
53
- <span className="text-sm font-medium text-white">
53
+ <span className="text-sm font-medium text-ods-text-primary">
54
54
  {vendor.title}
55
55
  </span>
56
56
  </button>
@@ -61,7 +61,7 @@ export function VendorDisplayButton({ vendor, onClick, variant = 'default', exte
61
61
  return (
62
62
  <button
63
63
  onClick={handleClick}
64
- className="flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3 hover:border-[#FFC008] transition-colors max-w-full overflow-hidden"
64
+ className="flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3 hover:border-ods-accent transition-colors max-w-full overflow-hidden"
65
65
  >
66
66
  {getVendorLogo(vendor) ? (
67
67
  <div className="w-8 h-8 bg-ods-card border border-ods-border rounded-lg flex items-center justify-center flex-shrink-0">