diff --git a/packages/javascript/src/models/flow-meta.ts b/packages/javascript/src/models/flow-meta.ts index f2b5272..510b45b 100644 --- a/packages/javascript/src/models/flow-meta.ts +++ b/packages/javascript/src/models/flow-meta.ts @@ -168,6 +168,17 @@ export interface FlowMetaThemeColorScheme { palette: FlowMetaThemeColors; } +/** + * Size configuration in the v2 theme. + * + * @experimental This API may change in future versions + */ +export interface FlowMetaThemeSize { + small?: string; + medium?: string; + large?: string; +} + /** * Shape / geometry configuration in the v2 theme. * @@ -215,6 +226,17 @@ export interface FlowMetaTheme { /** Typography configuration for the theme */ typography?: FlowMetaThemeTypography; + + /** Border configuration for the theme */ + border?: {width: string; color: string; style: string}; + + /** Shadow configuration for the theme */ + shadows?: FlowMetaThemeSize; + + /** Spacing configuration for the theme */ + spacing?: {unit: number}; + + borderRadius?: FlowMetaThemeSize; } /** diff --git a/packages/react/src/utils/buildThemeConfigFromFlowMeta.ts b/packages/react/src/utils/buildThemeConfigFromFlowMeta.ts index 9ad977c..c36ddb2 100644 --- a/packages/react/src/utils/buildThemeConfigFromFlowMeta.ts +++ b/packages/react/src/utils/buildThemeConfigFromFlowMeta.ts @@ -76,6 +76,7 @@ const buildThemeConfigFromFlowMeta = ( } return { + ...flowMetaTheme, ...(flowMetaTheme.direction ? {direction: flowMetaTheme.direction} : {}), ...(borderRadiusStr ? { diff --git a/packages/vue/src/utils/buildThemeConfigFromFlowMeta.ts b/packages/vue/src/utils/buildThemeConfigFromFlowMeta.ts index cb4ff47..63b8fac 100644 --- a/packages/vue/src/utils/buildThemeConfigFromFlowMeta.ts +++ b/packages/vue/src/utils/buildThemeConfigFromFlowMeta.ts @@ -66,6 +66,7 @@ const buildThemeConfigFromFlowMeta = ( } return { + ...flowMetaTheme, ...(flowMetaTheme.direction ? {direction: flowMetaTheme.direction} : {}), ...(borderRadiusStr ? {