ObjectStackResponsive schema — UI Protocol reference
Responsive schemas of the ObjectStack UI Protocol: ResponsiveStyles, StyleMap — each property with its type, default and a TypeScript example.
Source: packages/spec/src/ui/responsive.zod.ts
TypeScript Usage
import { ResponsiveStylesSchema, StyleMapSchema } from '@objectstack/spec/ui';
import type { ResponsiveStyles, StyleMap } from '@objectstack/spec/ui';
// Validate data
const result = ResponsiveStylesSchema.parse(data);ResponsiveStyles
Per-breakpoint scoped style maps (ADR-0065)
Properties
| Property | Type | Required | Description |
|---|---|---|---|
| large | Record<string, string | number> | optional | Unconditional base (desktop-first) |
| medium | Record<string, string | number> | optional | Applied at ≤ medium breakpoint |
| small | Record<string, string | number> | optional | Applied at ≤ small breakpoint |
| xsmall | Record<string, string | number> | optional | Applied at ≤ xsmall breakpoint |
StyleMap
CSS property → value map (camelCase keys; design tokens encouraged)
Type: Record<string, string | number>
Report
Report schemas of the ObjectStack UI Protocol: JoinedReportBlock, Report and 3 more — each property with its type, default and a TypeScript example.
I18n
Display-label and ARIA-label primitives shared by every ui/ shape. Reference for AriaProps, I18nLabel and 1 more: every property with its type and default.