@flamingo-stack/openframe-frontend-core 0.0.428-snapshot.20260715202150 → 0.0.428

package/dist/components/ui/info-card-row.d.ts

@@ -1,13 +0,0 @@
-import type * as React from 'react';
-export interface InfoCardRowSection {
-    title: string;
-    caption: string;
-    icon?: React.ReactNode;
-}
-export interface InfoCardRowProps {
-    lead: InfoCardRowSection;
-    stats: [InfoCardRowSection, InfoCardRowSection];
-    className?: string;
-}
-export declare function InfoCardRow({ lead, stats, className }: InfoCardRowProps): React.JSX.Element;
-//# sourceMappingURL=info-card-row.d.ts.map

package/dist/components/ui/info-card-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-card-row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/info-card-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAGnC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,kBAAkB,CAAA;IACxB,KAAK,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA8BD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBA0BvE"}

package/src/components/ui/info-card-row.tsx

@@ -1,70 +0,0 @@
-import type * as React from 'react'
-import { cn } from '../../utils/cn'
-
-export interface InfoCardRowSection {
-  title: string
-  caption: string
-  icon?: React.ReactNode
-}
-
-export interface InfoCardRowProps {
-  lead: InfoCardRowSection
-  stats: [InfoCardRowSection, InfoCardRowSection]
-  className?: string
-}
-
-const CELL =
-  'flex items-center gap-[var(--spacing-system-s)] min-w-0 p-[var(--spacing-system-xsf)] md:p-[var(--spacing-system-m)] min-h-[60px] md:min-h-[76px]'
-
-function StatCell({ section, className }: { section: InfoCardRowSection; className?: string }) {
-  return (
-    <div className={cn(CELL, 'flex-1', className)}>
-      <div className="flex min-w-0 flex-1 flex-col">
-        <p className="truncate text-h5 uppercase text-ods-text-secondary">{section.title}</p>
-        <div className="flex min-w-0 items-center gap-[var(--spacing-system-s)]">
-          <p className="min-w-0 flex-1 truncate text-h3 text-ods-text-primary">
-            {section.caption}
-          </p>
-          {section.icon && (
-            <div className="flex size-6 shrink-0 items-center justify-center md:hidden">
-              {section.icon}
-            </div>
-          )}
-        </div>
-      </div>
-      {section.icon && (
-        <div className="hidden size-6 shrink-0 items-center justify-center md:flex">
-          {section.icon}
-        </div>
-      )}
-    </div>
-  )
-}
-
-export function InfoCardRow({ lead, stats, className }: InfoCardRowProps) {
-  return (
-    <div
-      className={cn(
-        'flex shrink-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card md:flex-row',
-        className,
-      )}
-    >
-      <div className={cn(CELL, 'border-b border-ods-border md:flex-1 md:border-b-0 md:border-r')}>
-        {lead.icon && (
-          <div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm border border-ods-border [&>*]:size-full [&_img]:object-cover">
-            {lead.icon}
-          </div>
-        )}
-        <div className="flex min-w-0 flex-1 flex-col justify-center">
-          <p className="truncate text-h3 text-ods-text-primary">{lead.title}</p>
-          <p className="truncate text-h6 text-ods-text-secondary">{lead.caption}</p>
-        </div>
-      </div>
-
-      <div className="flex md:flex-1">
-        <StatCell section={stats[0]} className="border-r border-ods-border" />
-        <StatCell section={stats[1]} />
-      </div>
-    </div>
-  )
-}

package/src/stories/InfoCardRow.stories.tsx

@@ -1,68 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { InfoCardRow } from '../components/ui/info-card-row'
-import { CheckCircleIcon } from '../components/icons-v2-generated/signs-and-symbols/check-circle-icon'
-import { TagIcon } from '../components/icons-v2-generated/shopping/tag-icon'
-
-// Stand-in company logo — the lead `icon` fills the 40px bordered avatar box.
-// In real usage this is typically an `<img>` logo (rendered with object-cover).
-const companyLogo = (
-  <div className="size-full" style={{ background: 'linear-gradient(135deg, #5EFAF0, #F357BB)' }} />
-)
-
-const meta = {
-  title: 'UI/InfoCardRow',
-  component: InfoCardRow,
-  parameters: {
-    layout: 'padded',
-    docs: {
-      description: {
-        component:
-          'A responsive summary row: a 50%-width lead section (icon + title/caption) and two 25%-width stat sections (title + caption + right icon). On mobile the two stat sections wrap into their own row beneath the lead (76px rows on desktop/tablet, 60px on mobile), and each stat icon drops onto the caption line. Neighbouring sections share inner borders; only the outer edges are rounded. Each section takes a required `title` and `caption`, and an optional `icon`.',
-      },
-    },
-  },
-  tags: ['autodocs'],
-  argTypes: {
-    lead: { control: false, description: 'Lead section (50% width): { title, caption, icon? }' },
-    stats: {
-      control: false,
-      description: 'Two stat sections (25% width each): { title, caption, icon? }',
-    },
-  },
-  decorators: [
-    (Story) => (
-      <div className="w-full max-w-[1024px]">
-        <Story />
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof InfoCardRow>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-/** Full row — lead logo + name/devices, and two stats with icons. Matches Figma. */
-export const Default: Story = {
-  args: {
-    lead: { title: 'Precision Accounting Partners', caption: '847 devices', icon: companyLogo },
-    stats: [
-      {
-        title: 'Resolved this week',
-        caption: '312',
-        icon: <CheckCircleIcon className="text-ods-success" />,
-      },
-      { title: 'Open tickets', caption: '2', icon: <TagIcon className="text-ods-text-secondary" /> },
-    ],
-  },
-}
-
-/** Icons omitted — text-only sections. */
-export const WithoutIcons: Story = {
-  args: {
-    lead: { title: 'Precision Accounting Partners', caption: '847 devices' },
-    stats: [
-      { title: 'Resolved this week', caption: '312' },
-      { title: 'Open tickets', caption: '2' },
-    ],
-  },
-}