origam 2.7.1 → 2.7.3

package/dist/src/components/App/OrigamApp.vue

@@ -51,3 +51,10 @@ defineExpose({
   isLoaded
 });
 </script>
+
+<style lang="scss" scoped>
+	.origam-app {
+		color: var(--origam-app---color, var(--origam-color__text---primary));
+		background-color: var(--origam-app---background-color, var(--origam-color__surface---default));
+	}
+</style>

package/dist/src/components/Field/OrigamField.vue

@@ -432,10 +432,18 @@ const {
 const { rtlClasses } = useRtl();
 const { variantClasses } = useVariant(props);
 const { sizeClasses } = useSize(props, "origam-field");
+const fieldRadiusVarStyles = computed(() => {
+  const declarations = roundedStyles.value;
+  if (!Array.isArray(declarations)) return [];
+  const radius = declarations.find((declaration) => declaration.startsWith("border-radius:"));
+  if (!radius) return [];
+  return [`--origam-field---border-radius: ${radius.slice("border-radius:".length).trim()}`];
+});
 const fieldStyles = computed(() => {
   return [
     colorStyles.value,
     roundedStyles.value,
+    fieldRadiusVarStyles.value,
     elevationStyles.value,
     props.style
   ];

package/dist/src/components/ThemeProvider/OrigamThemeProvider.vue

@@ -38,5 +38,10 @@ provideDefaults(scopedDefaults, { scoped: true });
 <style lang="scss" scoped>
 	.origam-theme-provider {
 		display: contents;
+		// Base text color for the sub-tree (#201): `color` is inherited and passes
+		// through `display: contents`, so a local `data-mode="dark"` sub-tree gets
+		// readable default text (and currentColor icons) without painting a box.
+		// No background here — a provider is not a surface.
+		color: var(--origam-color__text---primary);
 	}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "origam",
-  "version": "2.7.1",
+  "version": "2.7.3",
   "type": "module",
   "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
   "keywords": [